阅读 JavaScript 脚本，为什么会有那么多 $ 符号？-JavaScript中文网-JavaScript教程资源分享门户

在阅读 JavaScript 代码时，你可能会注意到一些变量或函数名前面带有一个或多个美元符号（$）。这些符号通常用于表示 jQuery 对象的属性和方法，但它们也可以在其他情况下使用。在本文中，我们将探讨为什么会有这样的命名惯例，并且深入了解与其相关的技术概念。

$ 符号的历史

最初，$ 符号是 jQuery 库中的特殊字符，表示 jQuery 对象。因为 jQuery 是广泛使用的 JavaScript 库，所以 $ 符号已经被广泛采用并成为一个行业标准。除此之外，$ 符号也常常用来作为变量和函数名称的前缀，以便在代码中快速识别出与 jQuery 相关的部分。

在 jQuery 中，$ 符号代表了一个 jQuery 对象。这个对象是由 jQuery 函数创建的，它接受一个 CSS 选择器作为参数，返回一个匹配该选择器的 DOM 元素集合。例如：

$(document).ready(function() {
  $('button').click(function() {
    alert('按钮被点击了！');
  });
});

上面的代码首先等待整个页面加载完成，然后绑定了一个事件处理程序，当页面上的按钮被点击时，弹出一个警告框。在这里，$ 符号用于表示一个 jQuery 对象，我们使用它来选择文档中的所有 button 元素。

除了作为 jQuery 对象的标识符之外，$ 符号也常常用作变量和函数名的前缀，以便快速识别与 jQuery 相关的组件。例如：

var $submitBtn = $('#submit-btn');
function $getFormData() { /* ... */ }

这里，我们使用 $ 符号作为变量名和函数名的前缀，以便在代码中更容易地区分调用 jQuery 函数和普通 JavaScript 函数。

除了 $ 符号之外，还有许多其他的命名惯例，可以帮助你更好地理解代码并提高代码的可读性。

通常情况下，_ 符号被用来表示私有变量或方法。这是因为 JavaScript 并没有真正的私有变量或方法的概念，但是使用 _ 符号作为前缀可以暗示开发者这些变量或方法不应该在公共 API 中使用。

var _privateVar = '私有变量';
function _privateFunction() { /* ... */ }

camelCase 是一种命名约定，其中每个单词的开头都是一个小写字母，并将其余的字母大写。这个规则在 JavaScript 中非常普遍，并且经常用于变量和函数名。

var myFavoriteColor = 'blue';
function myFunction() { /* ... */ }

PascalCase 也是一种命名约定，其中每个单词的开头都是一个大写字母，并将其余的字母小写。在 JavaScript 中，它经常用于类名和构造函数名。

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
}

在阅读和编写 JavaScript 代码时，我们可以使用不同的命名约定来帮助我们更好地理解代码和提高代码的可读性和可维护性。

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