为什么我们被教导将document.getElementById(“id”）分配给一个变量，然后将该变量与属性一起使用

Why are we taught to assign document.getElementById("id") to a variable and then use that variable with a property?

本文关键字：变量 然后 一个 一起 属性 分配 我们 document getElementById 为什么 id      更新时间：2023-09-26

为什么教程教我们在两个语句中获取元素的属性，例如：

var sample = document.getElementById("sample");
var mySample = sample.value;

而不是像这样在一个语句中完成所有操作？

var mySample = document.getElementById("sample").value;

我知道，如果您需要访问同一元素的几个不同属性，这将导致更少的代码并使其更易于阅读，但是为什么即使只访问一个属性，人们也要这样做？

教程之所以这样做，是因为它们（通常）试图在特殊情况之前教授一般情况; 与单个属性相比，您需要访问多个属性的情况要多得多，并且内化一般规则（可能发生的最糟糕的事情是冗余代码行）比异常（问题不在于代码量或可读性）要好得多， 但是你做了很多不必要的函数调用，（尽管使用现代浏览器，你总是希望它们在内部得到优化）。

如果你已经学会了一般规则，你总是可以为简单的情况例外（如果你不这样做，就不会发生不好的事情）。

你真正应该问的是，为什么在这个现代浏览器时代，当对document.queryselector有广泛的支持时，教程会教授getElementById。

这取决于您需要在该对象上操作多少次/属性。你是对的 - 如果你只是获取/设置值，那么绝对使用你的第二个示例。通常必须操作多个属性，因此设置局部变量可以稍微提高性能，并有助于 DRY - 您不必重复 ID 的文本。

相关文章：