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强化教程
数据的存取位置也影响着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强化教程
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- Extjs4.0 最新最全视频教程
- Javascript中toFixed方法的改进
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 5个常见可用性错误和解决方案
- HTML5中在客户端验证文件上传的大小
- 肯特·贝克:改变人生的代码整理魔法
- 你应该学习哪种编程语言?
- html5 web数据存储
- 最后一次说说闭包
- Ajax
- js数组实现图片轮播
- 页面元素查找之Selectors API
- 使用ajax实现用户登录验证(升级版)
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究