高性能Javascript：高效的数据访问.pdfVIP

高性能Javascript ：高效的数据访问 接上一篇，希望能写一个高性能Javascript专题。 第一篇：高性能Javascript–脚本的无阻塞加载策 。 经典计算机科学的一个问题是，数据应当存放在什么地方，以实现最佳的读写效率。数据存 储是否得当，关系到代码运行期间数据被检索到的速度。在Javascript中，此问题相对简单，因为 数据表现方式只有少量方式可供选择。在Javascript中，有四种基本的数据访问位置： Literal values 直接量直接量仅仅代表自己，而不存储于特定的位置。Javascript的直接量 包括：字符串(strings)、数字(numbers)、布尔值(booleans)、对象(objects)、数组(arrays)、函 数(functions)、正则表达式(regular expressions)，具有特殊意义的空值(null)，以及未定 义(undefined)。Variables 变量开发人员用var关键字创建用于存储数据值。Array items 数组 项具有数字索引，存储一个Javascript数组对象。Object members 对象成员具有字符串索引，存 储一个Javascript对象。 每一种数据存储位置都具有特定的读写操作负担。在大多数情况下，对一个直接量和一个局 部变量的数据访问的性能差异是微不足道的。具体而言，访问数组项和对象成员的代价要高一些 ，具体高多少，很大程度上取决于浏览器。一般的建议是，如果关心运行速度，那么尽量使用直 接量和局部变量，限制数组项和对象成员的使用。为此，有如下几种模式，用于避免并优化我们 的代码： Managing Scope 管理作用域 作用域概念是理解Javascript的关键，无论是从性能还是功能的角度而言，作用域 对Javascript有着巨大影响。要理解运行速度与作用域的关系，首先要理解作用域的工作原理。 Scope Chains and Identifier esolution 作用域链和标识符解析 每一个Javascript函数都被表示为对象，它是一个函数实例。它包含我们编程定义的可访问 属性，和一系列不能被程序访问，仅供Javascript引擎使用的内部属性，其中一个内部属性 是[[Scope]]，由EC A-262标准第三版定义。 内部[[Scope]]属性包含一个函数被创建的作用域中对象的集合。此集合被称为函数的作用 域链，它决定哪些数据可以由函数访问。此函数中作用域链中每个对象被称为一个可变对象，以“ 键值对”表示。当一个函数创建以后，它的作用域链被填充以对象，这些对象代表创建此函数的环 境中可访问的数据： 当add()函数创建以后，它的作用域链中填入了一个单独可变对象，此全局对象代表了所有全 局范围定义的变量。此全局对象包含诸如窗口、浏览器和文档之类的访问接口。如下图所示 ： （add()函数的作用域链，注意这里只画出全局变量中很少的一部分） æ´å¤ç²¾å½©æ»ç¥è®¿é® 1 add函数的作用域链将会在运行时用到，假设运行了如下代码： 运行此add函数时会建立一个内部对象，称作“运行期上下文”(execution context)，一个运行期 上下文定义了一个函数运行时的环境。且对于单独的每次运行而言，每个运行期上下文都是独 立的，多次调用就会产生多此创建。而当函数执行完毕，运行期上下文被销毁。 一个运行期上下文有自己的作用域链，用于解析标识符。当运行期上下文被创建的时，它的 作用域被初始化，连同运行函数的作用域链[[Scope]]属性所包含的对象。这些值按照它们出现在 函数中的顺序，被复制到运行期上下文的作用域链中。这项工作一旦执行完毕，一个被称作“激活 对象”的新对象就位运行期上下文创建好了。此激活对象作为函数执行期一个可变对象，包含了访 问所有局部变量，命名参数，参数集合和this的接口。然后，此对象被推入到作用域链的最前端。 当作用域链被销毁时，激活对象也一同被销毁。如下所示： （运行add()时的作用域链） 在函数运行的过程中，每遇到一个变量，就要进行标识符识别。标识符识别这个过程要决定 从哪里获得数据或者存取数据。此过程搜索运行期上下文的作用域链，查找同名的标识符。搜索 工作从运行函数的激活目标的作用域前端开