1、注重命名' l4 S) B4 V; l5 Z; x8 T3 m
为一个事件命名是很困难的。虽然困难但是非常有必要。0 H6 `- B/ U* `8 Q1 d0 c' ]
想象以下,将两个数组合并成一个数组,并生成一个唯一值的数组。那么你会怎么命名它呢?我们也许会这样命名?* G/ ~* [! Q0 t1 U3 y) ^% q) n5 p
function mergeNumberListIntoUniqueList(listOne, listTwo) {
return [...new Set([...listOne, ...listTwo])]
} 上面的命名并不糟糕,但是还不是很友好。你可以将一个功能函数拆分为两个功能函数,这样命名更友好和函数复用性更好。' ]2 n* i5 V$ E- d& P! m' p
function mergeLists(listOne, listTwo) {
return [...listOne, ...listTwo]
}
function createUniqueList(list) {
return [...new Set(list)]
}
6 ~ s4 |4 Y9 J# Z' D4 {2、IF语句简化
3 a9 o5 e+ ]# d4 }/ `9 \ 假设我们有下面的代码:
+ j0 a* o' G' _' W) sif(value === 'duck' || value === 'dog' || value === 'cat') {
// ...
} 我们可以这样解决:
* A. d8 H7 k! ^& q, n, D' lconst options = ['duck', 'dog', 'cat'];
if (options.includes(value)) {
// ...
} 将乱七八糟的条件判断放到一个变量中存储,比看臃肿的表达式要好很多。
3 r6 h' x7 j ? h) D0 h3、及早返回
O7 x: Q# ? {6 w$ O9 G" R' n: q 有下面的代码:
& }0 C. m9 H& R. `function handleEvent(event) {
if (event) {
const target = event.target;
if (target) {
// Your awesome piece of code that uses target
}
}
} 及早返回使得我们的代码更加易读:
7 w% U% ^& h" e5 I- O% vfunction handleEvent(event) {
if (!event || !event.target) {
return;
}
// Your awesome piece of code that uses target
}
( L! `9 `/ i! n& ~4 A# W4、解构赋值8 r- E/ O7 J& Z% U( i+ @
在javascript中,我们可以对objects和arrays进行解构赋值。例如:
8 `8 I2 a# a, c2 w8 e// 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
1 b+ l' K, _* j4 I5 n5、童子军规则
( j- _& E: n f/ b" ~ g. b 童子军有一条规则:永远保持离开时的露营比你发现它时更整洁。如果你在地面上发现了脏东西,那么无论是否是你留下的,你都要将它清理干净。你要有意地为下一组露营者改善环境。& u5 ^5 R9 w" W! n& A+ ]0 o
我们编写代码也是这样子,如果你在代码中发现了脏代码,那么你可以尝试去修改它,即使是一个没有被引用到的变量名。
7 D2 k9 D1 ?0 I# J' [+ V! ?6、代码风格
' ]* o; Y! V# Q2 I" M/ P p, {# U 在你的团队中使用一种代码风格,比如限定代码缩进的规范是两空格呢还是四空格;使用单引号呢还是双引号呢;使用同类的一种框架呢,还是流行两种解决方案的框架呢...这样团队中人员接手项目的成本就会降低,开发人员的心里减少排斥感~
; c7 |" Y8 k1 s/ F' _4 F7 K8 @; A0 w' _! f% H' f& o9 O
|