如何编写高效的JavaScript程序.docVIP

[实战分析] 编写高效的JavaScript程序 摘要：有人说想要快速的加载Web 网页就如同汽车一样，需要使用特殊工具。想知道 JavaScript 如何在V8 中工作的吗？如何避免性能中出现的陷阱？当涉及到编写高效的内存 和快速创建代码时总会出现一些常见的弊端，在这篇文章中我们将带领大家探索高效编写代 码的测试验证方法。 Addy Osmani 是谷歌公司Chrome 团队中的一名程序开发工程师。他是一位JavaScript 爱好者，曾经编写过一本开放源码方面的书籍《Learning JavaScript Design Patterns》 以及《Developing Backbone Applications》。为Modernizr 和jQuery 社区贡献了开源 项目，目前正在从事‘Yeoman’项目，旨在为开发者提供一系列健壮的工具、程序库和工作 流，帮助他们快速构建出漂亮、引人注目的Web 应用。本文作者将带领大家探索高效编写 代码的测试验证方法。文章内容如下： JavaScript 引擎包括Google V8（Chrome，Node）都是专为快速执行大型JavaScript 程序 而设计的。在开发过程中，如果你在乎内存使用率和性能情况，那么你应该会关心在用户的 浏览器中JavaScript 引擎背后是怎么样的。无论是V8、SpiderMonkey Firefox 、Carakan Opera 、Chakra IE 还是其他，有了它们可以帮助你更好的优化应用程序。 我们应该时不时地询问自己： · 我还能做些什么使代码更加有效？ · 主流的JavaScript 引擎做了哪些优化？ · 什么是引擎无法优化的，我能期待利用垃圾回收进行清洁吗？ 快速的加载Web 网页就如同汽车一样，需要使用特殊工具。 当涉及到编写高效的内存和快速创建代码时总会出现一些常见的弊端，在这篇文章中我们将 探索高效编写代码的测试验证方法。 一、JavaScript 如何在V8 中工作？ 如果你对JS 引擎没有较深的了解，开发一个大型Web 应用也没啥问题，就好比会开车的 人也只是看过引擎盖而没有看过车盖内的引擎一样（这里将Web 网页比如成汽车）。Chrome 浏览器是我的优先选择，这里我将谈下V8 的核心组件： · 一个基本的编译器，在代码执行前分析JavaScript、生成本地机器代码而非执行字 节代码或是简单的解释，该段代码之初不是高度优化的。 · V8 用对象模型“表述”对象。在JavaScript 中，对象是一个关联数组，但是V8 中， 对象被“表述”为隐藏类，这种隐藏类是V8 的内部类型，用于优化后的查找。 · 运行时分析器监视正在运行的系统并优化“hot”（活跃）函数。（比如，终结运行已久 的代码） · 通过运行时分析器把优化编译器重新编译和被运行时分析器标识为“hot”的代码 ，这 是一种有效的编译优化技术,（例如用被调用者的主体替换函数调用的位置）。 · V8 支持去优化，也就是说当你发现一些假设的优化代码太过乐观，优化编译器可以 退出已生成的代码。 · 垃圾回收，了解它是如何工作的，如同优化JavaScript 一样同等重要。 二、垃圾回收 垃圾回收是内存管理的一种形式，它试图通过将不再使用的对象修复从而释放内存占用率。 垃圾回收语言（比如JavaScript）是指在JavaScript 这种垃圾回收语言中，应用程序中仍 在被引用的对象不会被清除。手动消除对象引用在大多数情况下是没有必要的。通过简单地 把变量放在需要它们的地方（理想情况下，尽可能是局部作用域，即它们被使用的函数里而 不是函数外层），一切将运作地很好。 垃圾回收清除内存 在JavaScript 中强制执行垃圾回收是不取的，当然，你也不会想这么做，因为垃圾回收进 程被运行时控制着，它知道什么时候才是适合清理代码的最好时机。 1.“消除引用”的误解（De-Referencing Misconceptions） 在JavaScript 中回收内存在网上引发了许多争论，虽然它可以被用来删除对象（map）中 的属性（key），但有部分开发者认为它可以用来强制“消除引用”。建议尽可能避免使用 delete，在下面的例子中delete o.x 的弊大于利，因为它改变了o 的隐藏类，使它成为通用 的慢对象。 1. var o x: 1 ; 2. 3. delete o.x; // true 4. 5. o.x; // undefined 目的是为了在运行时避免修改活跃对象的结构，JavaScript 引擎可以删除类似“hot”对象，并 试图对其进行优化。如果该对象的结果没有太大改变，超过生命周期，删除可能会导致其改 变。 对于null 是如何工作也是有误解的。将一个对象