js书写规范
2021-06-04 04:02
标签：value 无限 foo 定义 数组 class obj sel += 参考文献：https://github.com/airbnb/javascript 1. 使用 const 与 let 代替 var （const / let） 1.1、常量使用 const 定义，避免使用 var 定义：这样可以确保无法重新分配，这可能导致错误并难以理解代码。 1.2、使用 let 代替 var 定义变量：let是像var这样的块作用域而不是函数作用域。 注意： let 和 const 都是块作用域 2. 对象（Object） 2.1 使用文字形式创建对象 2.2、使用对象方法的简写 2.3、使用属性速记：因为简短而具有描述性 2.4:、在对象声明的开头对速记属性进行分组。 2.5、仅引用无效标识符的属性：更容易阅读，因为他改善了语法突出显示的功能，并且还易于通过许多JS引擎进行优化。 3. 数组（Arrays） 3.1、应尽量使用文字语法创建数组（如果有必要，特殊情况除外，如：new Array(10).fill(true)） 3.2、使用 spread（‘...’）操作符copy数组 3.3、使用 spreads（‘...’）操作符将可迭代的对象转化为数组，而不是使用 Array.from([]) 3.4、Array.from 用于将类似数组的对象转换为数组 3.5、使用 Array.from 而不是spread ...来映射可迭代对象，因为它避免了创建中间数组。 3.6、如果数组有多行，则在打开和关闭数组括号之前使用换行符（因为一行的宽度是有限的，而数列的高度是无限的，这样有利于代码的阅读） 未完待续.... js书写规范 标签：value 无限 foo 定义 数组 class obj sel += 原文地址：https://www.cnblogs.com/jingxuan-li/p/12343922.html// bad
var a = 1;
var b = 2;
// good
const a = 1;
const b = 2;
// bad
var count = 1;
if (true) {
count += 1;
}
// good, use the let.
let count = 1;
if (true) {
count += 1;
}
// bad
const item = new Object();
// good
const item = {};
// bad
const atom = {
value: 1,
addValue: function (value) {
return atom.value + value;
},
};
// good
const atom = {
value: 1,
addValue(value) {
return atom.value + value;
},
};
const lukeSkywalker = ‘Luke Skywalker‘;
// bad
const obj = {
lukeSkywalker: lukeSkywalker,
};
// good
const obj = {
lukeSkywalker,
};
const anakinSkywalker = ‘Anakin Skywalker‘;
const lukeSkywalker = ‘Luke Skywalker‘;
// bad
const obj = {
episodeOne: 1,
twoJediWalkIntoACantina: 2,
lukeSkywalker,
episodeThree: 3,
mayTheFourth: 4,
anakinSkywalker,
};
// good
const obj = {
// 速记属性统一放前面或者后面
lukeSkywalker,
anakinSkywalker,
episodeOne: 1,
twoJediWalkIntoACantina: 2,
episodeThree: 3,
mayTheFourth: 4,
};// bad
const bad = {
‘foo‘: 3,
‘bar‘: 4,
‘data-blah‘: 5,
};
// good
const good = {
foo: 3,
bar: 4,
‘data-blah‘: 5,
};
// bad
const items = new Array();
// good
const items = [];
// bad
const len = items.length;
const itemsCopy = [];
let i;
for (i = 0; i ) {
itemsCopy[i] = items[i];
}
// good
const itemsCopy = [...items];
const foo = document.querySelectorAll(‘.foo‘);
// good
const nodes = Array.from(foo);
// best
const nodes = [...foo];
const arrLike = { 0: ‘foo‘, 1: ‘bar‘, 2: ‘baz‘, length: 3 };
// bad
const arr = Array.prototype.slice.call(arrLike);
// good
const arr = Array.from(arrLike);
// bad
const baz = [...foo].map(bar);
// good
const baz = Array.from(foo, bar);
// bad
const arr = [
[0, 1], [2, 3], [4, 5],
];
const objectInArray = [{
id: 1,
}, {
id: 2,
}];
const numberInArray = [
1, 2,
];
// good
const arr = [[0, 1], [2, 3], [4, 5]];
const objectInArray = [
{
id: 1,
},
{
id: 2,
},
];
const numberInArray = [
1,
2,
];