• 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

浅谈JavaScript代码性能优化2

JAVA相关 开心洋葱 2529次浏览 0个评论

一.减少判断层级

从下图代码中可以明显看出,同样的效果判断层级的减少可以优化性能

浅谈JavaScript代码性能优化2

二.减少作用域链查找层级

简单解释下,下图中第一个运行foo函数,bar函数内打印name,bar作用域内没有name,所以作用域链往上查找,foo内部有name,

但是这种写法实际上是赋值,还要往上查找,全局作用域中查询到name,相比于下图第二个,多向上查了一级,所以时间要长一些。

(备注:不考虑内存空间消耗的前提下,具体根据产品来定。)

浅谈JavaScript代码性能优化2

三.减少数据读取次数

简单解释下,对于多次频繁调用,比如数组,对象是比较慢的,因为按照引用关系先要找到堆内存中的位置,所以说减少时间的消耗,

就应该减少查找成员的次数,比如放到一个变量中缓存起来(备注:不考虑内存空间消耗的前提下,具体根据产品来定。)

浅谈JavaScript代码性能优化2

浅谈JavaScript代码性能优化2

四.字面量与构造式

简单解释下,下图中第一个new Object() 相当于调用函数,比较慢,而下图第二个相当于在堆区开辟空间,在里面放属性和值就可

以了.

浅谈JavaScript代码性能优化2

再次举例说明,下图中第一个创建的仅仅是个字面量字符串,而第二个相当于创建了个字符串对象。

浅谈JavaScript代码性能优化2

五.循环优化

简单解释下:下图二中把一个频繁使用到的值做了一个缓存,提升了执行效率。

浅谈JavaScript代码性能优化2

如下图所示:在不考虑顺序的前提下,while循环递减比for循环,执行效率更高一些

浅谈JavaScript代码性能优化2

六.减少声明及语句数

简答解释下:对于不频繁使用的数据,不建议先缓存,执行的时候再去获取,降低执行时对内存的消耗在运行之前有编译过程,表达式

量比较多,对单词要进行词法拆分变成词法单元,然后做语法分析,然后转成代码再去执行,时间消耗浪费在这里了.

浅谈JavaScript代码性能优化2

浅谈JavaScript代码性能优化2

减少声明变量解释也如上

浅谈JavaScript代码性能优化2

 


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明浅谈JavaScript代码性能优化2
喜欢 (0)

您必须 登录 才能发表评论!

加载中……