JavaScript双美元符号

在JavaScript中，双美元符号（$$）是一个很有用的操作符。它是CSS选择器querySelectorAll()函数的快捷方式，并且只能在浏览器环境中使用。

使用案例

假设我们要从HTML文档中选择所有具有“my-class”类名的元素并将它们的背景颜色更改为红色。使用双美元符号，代码如下所示：

let elements = $$('.my-class');
for(let i = 0; i < elements.length; i++){
  elements[i].style.backgroundColor = 'red';
}

这里，$$('.my-class')返回所有具有“my-class”类名的元素列表。然后，我们遍历这个列表，将每个元素的背景颜色更改为红色。

深入理解

双美元符号是通过Document.prototype.querySelectorAll()方法实现的。它采用CSS选择器字符串作为参数，并返回匹配该选择器的所有元素的NodeList对象。由于NodeList对象类似于数组，因此您可以使用常规的迭代器来访问它们。

与querySelector()相比，querySelectorAll()返回的是一个NodeList而不是单个元素。这意味着您可以使用forEach()或for循环等迭代器遍历所有匹配的元素。

值得注意的是，使用双美元符号会比使用querySelectorAll()更慢。因此，如果只选择单个元素，则最好使用querySelector()，否则如果需要选择多个元素，请使用双美元符号。

指导意义

使用双美元符号可以使代码更加简洁明了。但是，在处理大量元素时，应该谨慎使用。由于其性能问题，应该避免在循环中重复使用它。

除此之外，值得注意的是，双美元符号仅在浏览器环境中可用。如果您正在使用Node.js等其他JavaScript运行时，则不能使用它。

总之，双美元符号可以提高代码效率和可读性，但要保持警觉并谨慎使用。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/26106