TreeviewCopyright © aleen42 all right reserved, powered by aleen42
Naming Back
1. Use camelcase
- To use camelCase when naming
objects
,functions
andinstances
. - Eslint rules tags:
camelcase
const thisIsAnObject = {};
function helloAleen() {}
2. Use pascalcase
- To use PascalCase when naming
constructors
orclasses
.
class PuiManCheui {
constructor(options) {
this.name = options.name;
}
}
const good = new PuiManCheui({
name: 'Aleen',
});
3. Use a leading underscore _
- To use a leading underscore
_
when naming private properties. - Eslint rules tags:
no-underscore-dangle
this._firstName = 'PuiMan';
4. Do not save references to this
- Do not save references to
this
, and use arrow functions or Function#bind instead.
/**
* bad
*/
function foo() {
const self = this;
return function() {
console.log(self);
};
}
/**
* good
*/
function foo() {
return () => {
console.log(this);
};
}
function foo() {
function returnFunc() {
console.log(this);
}
return returnFunc.bind(this);
}
5. Name the file with the class name
class CheckBox {
/**
* ...
*/
}
export default CheckBox;
/**
* bad
*/
import CheckBox from './checkBox';
import CheckBox from './check_box';
/**
* good
*/
import CheckBox from './CheckBox';
- use camlcase to export a
function
- use pascalcase to export a
singleton
/function library
/bare object
.
function makeStyleGuide() {
}
export default makeStyleGuide;
const StyleGuide = {
es6: {
}
};
export default StyleGuide;