JS代码优化
慎用全局变量
全局变量定义在全局执行上下文,是所有作用域链的顶端
全局变量会一直存活在上下文执行栈中,直到程序退出
如果在程序的某个局部作用域定义了同名的全局变量,那么会造成覆盖之前的全局变量或污染全局
全局变量的执行效率要比局部变量的执行效率低。
缓存全局变量
应用中有不可避免的全局变量,要将其缓存到局部
在局部作用域中,将全局变量赋值给一个新的局部变量来进行后续的使用
通过原型对象添加附加方法
就是在原型对象身上新增实例对象所需要的方法
避开闭包陷阱
避免属性访问方法使用
For循环的优化
获取数组的长度要先 定义一个变量进行保存
选择最优的循环方式
forEach最快
文档碎片优化节点添加
DOM节点的添加操作必然会有回流和重绘
克隆优化节点操作
每次不是新创建节点,而是通过克隆的方式来代替直接创建节点
js性能测试网站
https://jsbench.me/