您的位置:首页 > Web前端 > JavaScript

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

2016-06-27 15:39 344 查看
本文为 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强化教程
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  HTML5 JS javascript 编程