1、注重命名
: X7 K: s) w* x4 q1 G/ L& B# t$ k$ X 为一个事件命名是很困难的。虽然困难但是非常有必要。
) e! P4 H: ?3 n" A 想象以下,将两个数组合并成一个数组,并生成一个唯一值的数组。那么你会怎么命名它呢?我们也许会这样命名?
9 q% w# O' G8 f8 Q1 C E( y/ efunction mergeNumberListIntoUniqueList(listOne, listTwo) {
return [...new Set([...listOne, ...listTwo])]
} 上面的命名并不糟糕,但是还不是很友好。你可以将一个功能函数拆分为两个功能函数,这样命名更友好和函数复用性更好。/ e& ]1 y3 p' P+ f* F) {
function mergeLists(listOne, listTwo) {
return [...listOne, ...listTwo]
}
function createUniqueList(list) {
return [...new Set(list)]
}
, l$ C2 P: q& l5 h8 `' c0 w5 i2、IF语句简化7 E; x- G7 y/ v/ Z& T
假设我们有下面的代码:$ J0 _. {8 c* S# i
if(value === 'duck' || value === 'dog' || value === 'cat') {
// ...
} 我们可以这样解决:4 p, w1 j9 x: ?9 `; o O+ @
const options = ['duck', 'dog', 'cat'];
if (options.includes(value)) {
// ...
} 将乱七八糟的条件判断放到一个变量中存储,比看臃肿的表达式要好很多。3 ^* w1 ?, r9 s8 @! i0 y; n$ Z
3、及早返回% X2 h7 z M; C
有下面的代码:) F2 d# B" j8 W3 W
function handleEvent(event) {
if (event) {
const target = event.target;
if (target) {
// Your awesome piece of code that uses target
}
}
} 及早返回使得我们的代码更加易读:' w8 h# U! X5 H; T; T) x
function handleEvent(event) {
if (!event || !event.target) {
return;
}
// Your awesome piece of code that uses target
} : G$ }' z7 }! y, q1 N7 r
4、解构赋值
% J% j* F* ? w% I 在javascript中,我们可以对objects和arrays进行解构赋值。例如:. b2 `! _. S% `( k
// object 解构赋值
const numbers = {one: 1, two: 2};
const {one, two} = numbers;
console.log(one); // 1
console.log(two); // 2
// array 解构赋值
const numbers = [1, 2, 3, 4, 5];
const [one, two] = numbers;
console.log(one); // 1
console.log(two); // 2 4 L; T% r+ t" m! j1 y% O5 w
5、童子军规则9 l7 R& y* ^: Z7 a0 T
童子军有一条规则:永远保持离开时的露营比你发现它时更整洁。如果你在地面上发现了脏东西,那么无论是否是你留下的,你都要将它清理干净。你要有意地为下一组露营者改善环境。
/ a. }- @0 O- h6 Z 我们编写代码也是这样子,如果你在代码中发现了脏代码,那么你可以尝试去修改它,即使是一个没有被引用到的变量名。
, q8 g( f6 B$ P5 s; R7 n+ R" o: t6、代码风格
& P4 Z" q5 N0 ^- Q/ g$ g( `+ ^( p 在你的团队中使用一种代码风格,比如限定代码缩进的规范是两空格呢还是四空格;使用单引号呢还是双引号呢;使用同类的一种框架呢,还是流行两种解决方案的框架呢...这样团队中人员接手项目的成本就会降低,开发人员的心里减少排斥感~
3 J) R$ u7 ]- N1 O( C/ i( C+ e
4 H/ P- W% a' Y$ J* D( z4 [ |