javascript - 向 DOM 添加文本时为什么要使用变量？

Question

我对网络开发还很陌生，我一直在做一些我在网上找到的 JavaScript 练习。其中一个要求提示用户输入名字和姓氏，并将这些名称添加到文档中。

在研究这个问题时，我发现代码使用了很多变量。我的解决方案是这样的:

var el = document.getElementById("welcome");
var txt = fullName;
var node = document.createTextNode(txt);
el.appendChild(node);
    };

greet()

我玩了一下，发现这有效:

document.getElementById("welcome").appendChild(document.createTextNode(fullName));

您可以在jsFiddle查看我的原始解决方案。我还将说明添加到了 HTML 中。

我的问题是为什么大多数人都建议输入变量？这是最佳实践吗？为什么？

哦，如果你去那里，有人可以告诉我为什么我的订购列表没有数字吗？ jsFiddle 是否在 CSS 上使用重置？

注意:我不确定是否需要将其放入函数中，但现在，将所有内容放入一个框中可以帮助我保持井井有条。

感谢您的帮助 戴夫

Answer 1

并不是说你需要在代码中使用很多变量，只是你是一个初学者，而且作者通常不会使用 super 编程技巧来教授初学者，因为当你学习时，你可以使你的代码变得更强大，更短，而且更聪明。因此，如果您在学习时编写更好的代码，那么您似乎学得更快......使用变量来保存值通常是一个很好的实践......但是当然，如​​果您足够聪明，可以在不使用太多内容的情况下完成工作其中没有什么坏处...这是一个简单的例子，你实际上不需要 2 个变量

var a = 5, b = 5;
var result = a + b;

alert(result); //Results 10 

可以简单地写为

var total = 5 + 5;
alert(total); //Results 10 too

但是，当采用第二种方法时，您可能不会到处使用 var total ，并且每次想要结果时都需要自己更改值，因此最好创建足够的变量，这样更容易您修改代码并相应地使用数据

对于另一个问题，是的 jsfiddle 会重置 CSS

如果您不想重置元素，只需取消选中“标准化 CSS”即可