培养良好的编码规范，对开发者的个人成长起到了十分重要的作用。

我们在开发完毕后，通常都会有专人（一般是导师）对我们的代码进行Codereview，这个过程会把我们的代码中不合理的地方指出来。

注意事项

下面是我工作以来总结的几点注意事项：

1. render中逻辑比较复杂的部分，将其抽离为方法，在外部进行操作，不造直接写在render里；
2. 代码中尽量不要出现固定的字符串和数字，最好用常量进行代替；

// bad
if (type === 0) { ... }


// good
const TYPE = {
    DELETE: 0,
    ADD: 1,
};
if (type === TYPE.DELETE) { ... }

3. 比较复杂的函数，将其拆分成多个具有独立功能的函数；
4. 没有操作state和声明周期的组件，将其写成函数式组件；
5. 代码中不要出现打印、调试、无用注释和无用代码；
6. 不负责渲染，只有逻辑操作的数据不要放到state中，挂载到this下即可；
7. 对于会产生异步操作的按钮点击行为，做一下防连点处理，特别是点击后会发送请求的按钮；

submit = () => {
    if (this.isFetching) {  return; }
    this.isFetching = true;

    // 这里写实际逻辑代码
    //  ...

    // 动作执行完毕之后，就得恢复状态
    this.isFetching = false;
}

8. 在html中不要使用es6语法，它们没有经过编译，在一些老版本的浏览器中将会无法生效。
9. 在componentWillUnMount中需要清除当前页面所有的计时器和事件监听器，防止内存泄漏。

拓展

当代码已经比较混乱的时候，就需要考虑重构了。👉点这里查看《重构：改善既有代码的设计》读书笔记。