笔记---JavaScript性能优化(四)

本文探讨了JavaScript代码优化的多个关键点,包括避免全局变量以提高执行效率,利用原型对象添加方法,理解并避免闭包陷阱,优化For循环以减少性能损耗,以及通过文档碎片和节点克隆提升DOM操作性能。此外,还提到了使用js性能测试网站进行测试以及事件委托的绑定方式来优化代码执行过程。
摘要由CSDN通过智能技术生成

慎用全局变量

全局变量定义在全局执行上下文,是所有作用域链的顶端
全局变量会一直存活在上下文执行栈中,直到程序退出
如果在程序的某个局部作用域定义了同名的全局变量,那么会造成覆盖之前的全局变量或污染全局
全局变量的执行效率要比局部变量的执行效率低。

缓存全局变量

应用中有不可避免的全局变量,要将其缓存到局部
在局部作用域中,将全局变量赋值给一个新的局部变量来进行后续的使用

通过原型对象添加附加方法

就是在原型对象身上新增实例对象所需要的方法

避开闭包陷阱

避免属性访问方法使用

For循环的优化

获取数组的长度要先 定义一个变量进行保存

选择最优的循环方式

forEach最快

文档碎片优化节点添加

DOM节点的添加操作必然会有回流和重绘

克隆优化节点操作

每次不是新创建节点,而是通过克隆的方式来代替直接创建节点

js性能测试网站

https://jsbench.me/

堆栈中代码执行过程

绑定事件采用事件委托的方式

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值