高效前端---JS优化

减少前端代码耦合

1. 避免全局耦合：全局耦合就是几个类，模块共用了全局变量或者全局数据结构。可以使用传参的方式降低耦合度。

2. JS/CSS/HTML的耦合：比如在JS里写样式，不推荐直接在JS里更改样式属性，应该通过增删类来控制样式，样式通过CSS写。写代码原则：低耦合，高内聚。高内聚是说如果一个模块的职责功能十分紧密，不可分割，那么它就是高内聚的。

3. 减少重复代码：出现了重复代码->封装成一个函数->封装成一个模块->封装成一个插件

4. 封装成一个类

5. 使用策略模式：根据映射调用函数

6. 访问者模式

JS书写优化

1. 按强类型风格写代码：JS是弱类型，但写代码是不能太随意，定义变量时要指明类型；不要随便改变变量的类型；函数的返回值应该是确定的（如合法返回结果，不合法return -1），如果类型确定，解释器就不用去做一些额外的工作，可以加快运行速度，否则可能会出发“优化回滚”

2. 减少作用于查找：不要让代码暴露在全局作用域下；不要滥用闭包

3. 避免==的使用：如类型不确定，应该手动做一下类型转换

4. 合并表达式：用三目运算符取代简单的if-else；使用连等，执行顺序从右到左；利用自增简化代码；减少魔术（意义不明的常量）；使用ES6简化代码，如箭头函数、class、字符串拼接`${name}`、块级作用域let