22. 命名規(guī)則

22.1?避免單字母命名。命名應(yīng)具備描述性。

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

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

22.2?使用駝峰式命名對(duì)象、函數(shù)和實(shí)例。

// bad
const OBJEcttsssss = {};
const this_is_my_object = {};
function c() {}

// good
const thisIsMyObject = {};
function thisIsMyFunction() {}

22.3?使用帕斯卡式命名構(gòu)造函數(shù)或類。

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

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

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

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

22.4?使用下劃線?_?開頭命名私有屬性。

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

// good
this._firstName = 'Panda';

22.5?別保存?this?的引用。使用箭頭函數(shù)或 Function#bind。

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

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

// good
function foo() {
  return () => {
    console.log(this);
  };
}

22.6?如果你的文件只輸出一個(gè)類，那你的文件名必須和類名完全保持一致。

// file contents
class CheckBox {
  // ...
}
export default CheckBox;

// in some other file
// bad
import CheckBox from './checkBox';

// bad
import CheckBox from './check_box';

// good
import CheckBox from './CheckBox';

22.7?當(dāng)你導(dǎo)出默認(rèn)的函數(shù)時(shí)使用駝峰式命名。你的文件名必須和函數(shù)名完全保持一致。

function makeStyleGuide() {
}

export default makeStyleGuide;

22.8?當(dāng)你導(dǎo)出單例、函數(shù)庫(kù)、空對(duì)象時(shí)使用帕斯卡式命名。

const AirbnbStyleGuide = {
  es6: {
  }
};

export default AirbnbStyleGuide;