怎样优化自己的JavaScript代码-tutorial js-php.cn

大家写JS的都知道，同一种效果有很多种写法，结果可以相同但是步奏却不同的列子比比皆是，但是虽然效果你是写出来了，但是页面的性能却大大降低，现在的开发，脚本性能的提升变得越来越重要。怎样优化自己的JavaScript代码？俩点之间的那条直线到底要怎样画才最短？今天就给大家总结归纳一下，如何最优化的写出自己的JavaScript代码。

传统的 Web 页面不会包含很多脚本，至少不会太影响 Web 页面的性能。然而，Web 页面变得越来越像应用程序，脚本对其的影响也越来越大。随着越来越多的应用采用 Web 技术开发，脚本性能的提升就变得越来越重要。桌面应用程序通常是用编译器将源代码转换为最终的二进制。编译器在生成最终的应用程序时，可以花费时间，尽可能地对性能进行优化。Web 应用程序就不能这么奢侈了。因为它们需要在多种浏览器、平台和架构上运行，所以不能对它们进行完全地预编译。浏览器会每次取到一个脚本并对其进行解释和编译，然而最终应用程序却要像桌面应用一样迅速加载、运行流畅。它被期望运行于大量各种各样的设备，从普通的台式电脑到手机都包含在内。

浏览器相当擅长实现这个目标，而 Opera 拥有当前浏览器中最快的脚本引擎之一。不过浏览器也有一些局限，这正是 Web 开发者需要关注的。要确保 Web 应用能运行得尽可能的快，这可能只是一个简单循环交换，改变一个合并的样式而不是三个，或者只添加确实会运行到的脚本。

本文会展示一些能提升 Web 应用性能的改变，其范围涉及 ECMAScript —— JavaScript 的核心语言、DOM 和文件加载。

小贴士

ECMAScript

避免使用 eval 或 Function 构造器

改写 eval

如果你需要函数，使用 function

不要使用 with

不要在要求性能的函数中使用 try-catch-finally

隔离 eval 和 with 的使用

尽量不用全局变量

注意对象的隐式换