净化JS代码

注重命名

函数能拆分的就拆分，按功能命名

减少IF-ELSE        

// 不推荐
if (a === b) {
    c = true
} else {
    c = false
}

// 推荐
c = a === b

// 不推荐
if (type==='a'){
    fn_a()
} else if (type==='b'){
    fn_b()
} else if (type==='c'){
    fn_c()
} else if (type==='d'){
    fn_d()
} else {
    fn_e()
}


// 推荐
let actionMap = {
    a:fn_a,
    b:fn_b,
    c:fn_c,
    d:fn_d,
}
actionMap[type]() || fn_e()

IF 语句简化

if(value === 'duck' || value === 'dog' || value === 'cat') {
  // ...
}

将乱七八糟的条件判断放到一个变量中存储，比臃肿的表达式要好很多。

const options = ['duck', 'dog', 'cat'];
if (options.includes(value)) {
  // ...
}

及早返回

及早返回使得我们的代码更加易读

function handleEvent(event) {
  if (!event || !event.target) {
    return;
  }
  // Your awesome piece of code that uses target
}

解构赋值

// 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

童子军规则

童子军有一条规则：永远保持离开时的露营比你发现它时更整洁

我们编写代码也是这样，如果你在代码中发现了脏代码，那么你可以尝试去修改它，即使是一个没有被引用到的变量名。

代码风格

在你的团队中使用一种代码风格，比如限定代码缩进的规范是两空格呢还是四空格；使用单引号呢还是双引号呢;使用同类的一种框架呢，还是流行两种解决方案的框架呢...这样团队中人员接手项目的成本就会降低，开发人员的心里减少排斥感~

所以，在开发的工作中为了不给别人造成排斥感，尽量去写出整洁的代码，既方便自己也方便别人！！！