举例详细说明javascript作用域、闭包原理以及性能问题

这可能是每一个jser都曾经为之头疼的却又非常经典的问题，关系到内存，关系到闭包，关系到javascript运行机制。关系到功能，关系到性能。

文章内容主要参考自《High Performance JavaScript》，这本书对javascript性能方面确实讲的比较深入，大家有空都可以尝试着阅读一下，我这里有中英电子版，需要的话QQ317665171或者QQ邮箱联系。

复习，笔记，更深入的理解。

欢迎拍砖指正。

作用域：

下面我们先搞明白这样几个概念：

• 函数对象的[[scope]]属性、ScopeChain（作用域链）
• Execution Context（运行期上下文）、Activation Object（激活对象）

[[scope]]属性：

javascript中每个函数都是一个函数对象（函数实例），既然是对象，就有相关的属性和方法。[[scope]]就是每个函数对象都具有的一个仅供javascript引擎内部使用的属性，该属性是一个集合（类似于链表结构），集合中保存了该函数在被创建时的作用域中的所有对象，而这个作用域集合形成的链表则被称为ScopeChain（作用域链）。

该作用域链中保存的作用域对象，就是该函数可以访问的所有数据。例如（例子引用自《High Performance JavaScript高性能javascript》）：

       function add(num1, num2){

                     var sum = num1 + num2;

                     return sum;

                     }

		图 1

当add函数被创建时，函数所在的全局作用域的全局对象被放置到add函数的作用域链（[[scope]]属性）中。我们可以从图1中看到作用域链的第一个对象保存的是全局对象，全局对象中保存了诸如this,window,document以及全局对象中的add函数，也就是他自己。这也就是我们可以在全局作用域下的函数中访问window(this)，访问全局变量，访问函数自身的原因。当然还有函数作用域不是全局的情况，等会儿我们再讨论。

Execution Context（运行期上下文）、Activation Object（激活对象）：

（前天看了老罗的演讲，老罗说过年的时候给全公司的人每人发一台电冰箱，要给校舍的所有的厕所门上都安上新锁，保证童鞋们能有个真正隐私的地方。）

var total = add(5, 10);

当开始执行此函数时，就会创建一个Execution Context的内部对象，该对象定义了函数运行时的作用域环境（注意这里要和函数创建时的作用域链对象[[scope]]区分，这是两个不同的作用域链对象，这样分开我猜测一是为了保护[[scope]]，二是为了方便根据不同的运行时环境控制作用域链。函数每执行一次，都会创建单独的Execution Context，也就相当于每次执行函数前，都把函数的作用域链复制了一份到当前的Execution Context中）。Execution Context对象有自己的作用域链，在Execution Context创建时初始化，会将函数创建时的作用域链对象[[scope]]中的全部内容按照在[[scope]]作用域链中的顺序复制到Execution Context的作用域链中。

此时，在Execution Context的作用域链的顶部会插入一个新的对象，叫做Activation Object（激活对象），这个激活对象又是干嘛的呢？这个激活对象保存了函数中的所有形参，实参，局部变量，this指针等函数执行时函数内部的数据情况