在前端开发中，我们时常需要使用 document.querySelectorAll() 方法来获取页面上的元素。然而，在代码中多次使用这个方法会显得有些冗长，因此制作一个简短的别名可以提高代码的可读性和维护性。
实现方式
我们可以使用 JavaScript 中的 const 关键字来创建一个新的常量，并将其赋值为 document.querySelectorAll 方法。如下所示：
----- - - -----------------------------------------
在上面的代码中，我们使用 Function.prototype.bind() 方法来将 document.querySelectorAll() 方法绑定到 document 对象上，并将其赋值给 $ 常量。
现在，我们可以使用 $() 来代替 document.querySelectorAll()，并且可以像使用原始方法一样传递选择器字符串参数。例如：
----- ------------- - ------- ----- ----------------- - ------- ----
指导意义
这个技巧的主要好处是减少了代码中的重复代码，从而使其更容易阅读和理解。它还可以提高代码的可维护性，因为如果你想要更改选择器字符串或切换到另一个选择器函数（例如 getElementById()），你只需要更改别名就可以了。
然而，应该注意的是，尽管这个技巧看起来很简单，但它可能会对其他开发人员造成困惑，因此在与其他人合作时，应该确保他们理解了这个技巧并同意使用它。
示例代码
----- - - ----------------------------------------- ----- ------------- - ------- ----- ----------------- - ------- ---- --------------------------- -------------------------------
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/27982