传统上,原文地址:http://www.woiweb.net/efficient-javascript.html网页中不会有大量的脚本,至少脚本很少会影响网页的性能。但随着网页越来越像 Web 应用程序,脚本的效率对网页性能影响越来越大。而且使用 Web 技术开发的应用程序现在越来越多,因此提高脚本的性能变得很重要。
对于桌面应用程序,通常使用编译器将源代码转换为二进制程序。编译器可以花费大量时间优化最终二进制程序的效率。Web 应用程序则不同。因为 Web 应用程序需要运行在不同的浏览器、平台和架构中,不可能事先完全编译。浏览器在获得脚本后要执行解释和编译工作。用户要求不仅要求网页能快速的载入,而且要求最终 Web 应用程序执行的效果要和桌面应用程序的一样流畅。Web 应用程序应能运行在多种设备上,从普通的桌面电脑到手机。
浏览器并不很擅长此项工作。虽然 Opera 有着当前最快的脚本引擎,但浏览器有不可避免的局限性,这时就需要 Web 开发者的帮助。Web 开发者提高 Web 应用程序的性能的方法很多而且也很简单,如只需要将一种循环变成另一种、将组合样式分解成三个或者只添加实际需要的脚本。
本文从 ECMAScript/javascript, DOM, 和页面载入方面分别介绍几种简单的能提高 Web 应用程序性能的方法。
原文地址:http://www.woiweb.net/efficient-javascript.html
目录
ECMAScript
- 避免使用
eval
或Function
构造函数 - 避免使用
with
- 不要在影响性能的关键函数中使用
try-catch-finally
- 分隔
eval
和with
- 避免使用全局变量
- 注意隐式对象转换
- 在关键函数中避免
for-in
- 优化 string 合并
- 基本运算符比函数调用更快
- 向
setTimeout()
和setInterval()
传送函数名,而不要传送字符串
DOM
页面载入
ECMAScript
避免使用 eval
或 Function
构造函数
每次 eval
或 Function
构造函数作用于字符串表示的源代码时,脚本引擎都需要将源代码转换成可执行代码。这是很消耗资源的操作 —— 通常比简单的函数调用慢100倍以上。