这样写的 JS 代码看着就很舒服

来自公众号：小生方勤 作者：小生方勤

如何提高代码的可读性、复用性、扩展性。我们将从以下四个方面讨论：

变量

函数

类

异步

一、变量

用有意义且常用的单词命名

保持统一

对同一类型的变量使用相同的命名保持统一：

每个常量(全大写)都该命名

可以用  检测代码中未命名的常量。

避免无意义的前缀

如果创建了一个对象 car，就没有必要把它的颜色命名为 carColor。

传参使用默认值

二、函数

函数参数( 最好 2 个或更少 )

如果参数超过两个，建议使用 ES6 的解构语法，不用考虑参数的顺序。

一个方法只做一件事情

这是一条在软件工程领域流传久远的规则。严格遵守这条规则会让你的代码可读性更好，也更容易重构。如果违反这个规则，那么代码会很难被测试或者重用。

函数名上体现它的作用

删除重复代码，合并相似函数

很多时候虽然是同一个功能，但由于一两个不同点，让你不得不写两个几乎相同的函数。

使用 Object.assign 设置默认属性

尽量不要写全局方法

在 JavaScript 中，永远不要污染全局，会在生产环境中产生难以预料的 bug。举个例子，比如你在 Array.prototype 上新增一个 diff 方法来判断两个数组的不同。而你同事也打算做类似的事情，不过他的 diff 方法是用来判断两个数组首位元素的不同。很明显你们方法会产生冲突，遇到这类问题我们可以用 ES2015/ES6 的语法来对 Array 进行扩展。

尽量别用“非”条件句

不要过度优化

现代浏览器已经在底层做了很多优化，过去的很多优化方案都是无效的，会浪费你的时间。

删除弃用代码

这里没有实例代码，删除就对了

三、类

使用 ES6 的 class

在 ES6 之前，没有类的语法，只能用构造函数的方式模拟类，可读性非常差。

使用链式调用

这种模式相当有用，可以在很多库中都有使用。它让你的代码简洁优雅。

四、异步

使用 promise 或者 Async/Await 代替回调

爱心三连击

点分享

点点赞

点在看