`function $(id) {}` 在 JavaScript 中有什么作用？答案

【问题标题】：What does `function $(id) {}` do in JavaScript?`function $(id) {}` 在 JavaScript 中有什么作用？
【发布时间】：2018-04-22 14:56:22
【问题描述】：

我偶然发现了以下代码：

function $(id) {
    return document.getElementById(id);
}

遗憾的是，我不知道它的作用。关于这段代码，我唯一发现的是：Make alias to document.getElementById in Javascript

【问题讨论】：

【解决方案1】：

$ 是 JavaScript 中的有效标识符 (read more here)，您可以将其用于函数、变量和对象属性。话虽如此，我的经历让我立刻想到了jQuery，其他开发者可能也有这种期望。

回到你的代码：你定义了一个名为$的函数，返回一个对document.getElementById的调用。这里没有任何问题，您可以像使用任何其他 JavaScript 函数一样使用它：

const element = $('my-id');

【讨论】：

人们使用$ 的原因是：1. jQuery 将它作为通用选择器函数 2. 它比写document.getElementById(id) 更小（你可以用它节省一些字节和击键） 3. Chrome开发工具控制台允许您使用此选择元素