JavaScript中function $(id) {}函数的作用是什么？

嘿，这个问题我太熟啦！咱们来一步步拆解清楚：

这段代码：

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

本质上就是给原生的document.getElementById()方法起了个超简短的别名，核心作用就是帮你少写重复代码，提升开发效率。

具体来说： #

• 原生的document.getElementById(id)是JavaScript里通过元素id属性获取DOM元素的标准方法，但它的名字太长，每次写都有点繁琐。
• 这个自定义的$函数逻辑非常简单：接收一个id参数，直接调用原生方法并返回对应的DOM元素，功能和原生方法完全一致，但写法精简了一大截。

举个实际例子对比就更直观了：

原生写法：

// 获取id为"user-avatar"的DOM元素
const avatar = document.getElementById("user-avatar");

用别名函数后的写法：

// 功能完全相同，但代码简洁很多
const avatar = $("user-avatar");

额外补充： #

你可能发现很多前端库（比如早期的jQuery）也用$作为核心函数，不过jQuery的$功能要复杂得多——不仅能通过id获取元素，还支持CSS选择器、DOM操作、事件绑定等一系列功能。而你找到的这段代码是个极简版，只实现了getElementById的别名功能，没有其他额外特性。

这种自定义别名的写法在早期前端开发里很常见，就是为了减少重复输入，让代码看起来更清爽。

内容的提问来源于stack exchange，提问作者Aurel Ernst