1、注重命名9 d& B# U2 p$ s# a
为一个事件命名是很困难的。虽然困难但是非常有必要。
: I6 Q) X8 Q. b- Q 想象以下，将两个数组合并成一个数组，并生成一个唯一值的数组。那么你会怎么命名它呢？我们也许会这样命名？
: f1 R% U, ^) Bfunction mergeNumberListIntoUniqueList(listOne, listTwo) {
return [...new Set([...listOne, ...listTwo])]
}
上面的命名并不糟糕，但是还不是很友好。你可以将一个功能函数拆分为两个功能函数，这样命名更友好和函数复用性更好。$ ]. t; h3 {( J8 ^) z+ t3 `& f. N: r
function mergeLists(listOne, listTwo) {
return [...listOne, ...listTwo]
}
function createUniqueList(list) {
return [...new Set(list)]
}
% @6 s+ H' N- c$ P" v
2、IF语句简化
' k1 W1 h8 r/ r' k1 L! y4 } 假设我们有下面的代码：% L: @! b$ P; Y2 Q! j
if(value === 'duck' || value === 'dog' || value === 'cat') {
// ...
}
我们可以这样解决：
2 N9 q9 u/ k" }: N8 b$ }const options = ['duck', 'dog', 'cat'];
if (options.includes(value)) {
// ...
}
将乱七八糟的条件判断放到一个变量中存储，比看臃肿的表达式要好很多。
* d' D; S# W* ]* G3、及早返回$ W5 y/ W" M0 U
有下面的代码：
6 [4 X. T) |( h' y0 Yfunction handleEvent(event) {
if (event) {
const target = event.target;
if (target) {
// Your awesome piece of code that uses target
}
}
}
及早返回使得我们的代码更加易读：
# X) t( r: q* h$ F' H8 ffunction handleEvent(event) {
if (!event || !event.target) {
return;
}
// Your awesome piece of code that uses target
}
" f Q0 F: I1 G' V) r$ S9 n* C
4、解构赋值& c' Y1 m: \! k0 j" l9 R
在javascript中，我们可以对objects和arrays进行解构赋值。例如：4 U7 y0 r2 \" }9 L' _" K4 ?
// 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
, N" e; A4 O: t: r7 @5、童子军规则
1 O7 a# M1 C( n 童子军有一条规则：永远保持离开时的露营比你发现它时更整洁。如果你在地面上发现了脏东西，那么无论是否是你留下的，你都要将它清理干净。你要有意地为下一组露营者改善环境。; b4 D& t9 m. |# H
我们编写代码也是这样子，如果你在代码中发现了脏代码，那么你可以尝试去修改它，即使是一个没有被引用到的变量名。
$ J( J& g2 n- U) u4 l N6、代码风格0 x* A. Z# Q3 Z) S
在你的团队中使用一种代码风格，比如限定代码缩进的规范是两空格呢还是四空格；使用单引号呢还是双引号呢;使用同类的一种框架呢，还是流行两种解决方案的框架呢...这样团队中人员接手项目的成本就会降低，开发人员的心里减少排斥感~
) ^ ?' C3 Q& h) _ n/ P5 p+ r- |3 c# k0 p# w8 q4 {
| 
|手机版|小黑屋|paopaomj.COM
( 
渝ICP备18007172号|
渝公网安备50010502503914号 )
发表于 2020-12-16 10:49:45