JavaScript规范之命名约定

最新推荐文章于 2025-06-13 16:33:39 发布

转载最新推荐文章于 2025-06-13 16:33:39 发布 · 711 阅读

JavaScript 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了JavaScript编程中的一些最佳实践，包括如何选择有意义的变量名、使用驼峰命名法、构造函数的大写规则等，有助于提高代码的可读性和一致性。

特别说明：转载与网络：https://github.com/adamlu/javascript-style-guide

避免单个字符名，让你的变量名有描述意义。

// bad
function q() {
  // ...stuff...
}

// good
function query() {
  // ..stuff..
}

当命名对象、函数和实例时使用驼峰命名规则

// bad
var OBJEcttsssss = {};
var this_is_my_object = {};
var this-is-my-object = {};
function c() {};
var u = new user({
  name: 'Bob Parr'
});

// good
var thisIsMyObject = {};
function thisIsMyFunction() {};
var user = new User({
  name: 'Bob Parr'
});

当命名构造函数或类时使用驼峰式大写

// bad
function user(options) {
  this.name = options.name;
}

var bad = new user({
  name: 'nope'
});

// good
function User(options) {
  this.name = options.name;
}

var good = new User({
  name: 'yup'
});

命名私有属性时前面加个下划线 _

// bad
this.__firstName__ = 'Panda';
this.firstName_ = 'Panda';

// good
this._firstName = 'Panda';

当保存对 this 的引用时使用 _this.

// bad
function() {
  var self = this;
  return function() {
    console.log(self);
  };
}

// bad
function() {
  var that = this;
  return function() {
    console.log(that);
  };
}

// good
function() {
  var _this = this;
  return function() {
    console.log(_this);
  };
}