码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript强化教程——javascript性能优化

时间:2016-08-04 11:49:29      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:html5 js

本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 ——数据存取

数据的存取位置也影响着JavaScript的运行速度,我们来总结一下如能分配存取位置最合理,能够高效的运行JavaScript
数据存取位置 分为 1.字面量(如true、false、null等) 2.本地变量(var a=5;) 3.数组元素(var arr=[]; arr[0]=5;) 4.对象成员 
以上这些都可以存储数据
根据不同浏览器进行的200 000次读取数据所需时间得出,由快到慢为 1 2 3 4 (综合得出,不同浏览器会有浮动)

快速高效执行JavaScript代码小结:
1.访问字面量、本地变量比数组元素和对象成员相比较快。
2.由于局部变量处在作用域链的起始位置,因此访问局部变量比访问跨域变量更快。变量在作用域链中的位置越深,访问速度越慢,由于全局变量总在作用域链的最末端,所以访问速度最慢。
3.嵌套的对象成员会明显影响性能,尽量少用。
4.属性或方法在原型链中的位置越深,访问速度越慢。
5.通常来说,你可以把数组元素,对象成员,跨域变量保存在局部变量中来提升JavaScript性能,因为访问局部变量更快
6.尽量少使用with,因为他会改变执行环境作用域链,同样type-catch语句中的子语句catch也有同样的影响,因此要小心。
通过以上发放,你可以显著提升大量应用JavaScript的Web应用的实际性能。

点击进入JS强化教程

本文出自 “11721999” 博客,请务必保留此出处http://11731999.blog.51cto.com/11721999/1834187

JavaScript强化教程——javascript性能优化

标签:html5 js

原文地址:http://11731999.blog.51cto.com/11721999/1834187

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!