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 中添加了说明。

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

哦，如果你去那里，有人能告诉我为什么我的排序列表没有数字吗？ 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

如果您不想重置元素，只需取消选中 Normalized CSS