爱彼迎js规范学习（仅针对个人进行记录）

爱彼迎js规范学习（仅针对个人进行记录）

1.简写对象方法

const atom = {addValue(value) {return atom.value + value;},
};

2.简写对象属性

const lukeSkywalker = 'Luke Skywalker';
const obj = {lukeSkywalker,
};

3.能不用var尽量不用var
4.不要直接调用Object.prototype方法(因为怕被自身带有的函数所覆盖)

// 更好
const has = Object.prototype.hasOwnProperty; // 在模块范围内缓存一次查找

5.类转为数组时使用Array.from

const arrLike = { 0: 'foo', 1: 'bar', 2: 'baz', length: 3 };
const arr = Array.from(arrLike);

6.如果数组有多行，请在打开数组后和关闭数组括号之前使用换行符。

const arr = [[0, 1], [2, 3], [4, 5]];const objectInArray = [{id: 1,},{id: 2,},
];const numberInArray = [1,2,
];

7.使用解构，减少临时变量开销

// 更好的
function getFullName({ firstName, lastName }) {return `${firstName} ${lastName}`;
}const arr = [1, 2, 3, 4];
// 好的
const [first, second] = arr;
//注意，对象解构不用考虑顺序，但是数组解构一定按照顺序来

8.多使用模板字符串
9.多使用命名函数表达式

// 好的
const foo = function bar() {// ...
};

10.使用默认参数语法，而不是重写函数参数

// 好的
function handleThings(opts = {}) {// ...
}

11.保持function关键字的间距

// 好的
const x = function () {};
const y = function a() {};

12.永远不要重写参数

// 好的
function f2(obj) {const key = Object.prototype.hasOwnProperty.call(obj, 'key') ? obj.key : 1;
}

13. 多参数的函数定义和调用，应该像其他多行列表一样缩进的风格

// 好的
function foo(bar,baz,quux,
) {// ...
}

14.方法可以返回 this 以帮助方法链接

class Jedi {jump() {this.jumping = true;return this;}setHeight(height) {this.height = height;return this;}
}const luke = new Jedi();luke.jump().setHeight(20);

15.不要直接在 export 上进行导出

// 这样不太好
// filename es6.js
export { es6 as default } from './AirbnbStyleGuide';// 这样比较好
// filename es6.js
import { es6 } from './AirbnbStyleGuide';
export default es6;

class Calculator extends Abacus {constructor() {super();// TODO: total 需要变成一个可配置的选项参数al = 0;}
}

// 好
const foo = { clark: 'kent' };