javascript作用域链理解
执行上下文(Execution context,简称EC)
概念
每当控制器到达ECMAScript可执行代码的时候,就进入了一个执行上下文。
javascript中,EC分为三种:
全局级别的代码(全局执行上下文)
函数级别的代码(函数执行性上下文)
Eval的代码(eval执行上下文)
执行上下文对象包括三个关键属性,可能有其他自定义属性。
VO(Variable object), 变量对象 或者 AO(activation object),活动对象,是个字典,包括函数arguments对象,形参,内部变量,函数声明
Scope chain,作用域链对象,包括当前作用域的vo和所有父级作用域的vo。
this对象,Context object,上下文对象。
![](https://images2015.cnblogs.com/blog/636026/201705/636026-20170507165448820-1370922687.png)
作用域链的链式结构
作用域链的链式结构,是AO有个父级变量对象的引用,用
__parent__内部属性指代。则通过对父级的应用形成一种
链式结构,如下图
作用域链结构图片
![](https://images2015.cnblogs.com/blog/636026/201705/636026-20170507165505539-1663379682.png)
执行上下文的执行过程
EC的建立分为两个阶段:进入执行上下文阶段和代码执行阶段
1.进入上下文阶段
发生在函数调用时,在执行具体代码之前。做如下三件事:
创建作用域链(Scope Chain)
创建变量对象
设置this对象的值,this对象的值取决于对象的调用者,caller和调用方式决定了this的值。
变量对象中的变量值如下:
根据函数参数创建并初始化arguments对象
函数声明创建属性,关联具体函数
变量初始化为undefined(所谓变量提升)
同名覆盖原则
函数声明与参数同名 函数声明覆盖参数
变量与函数声明或参数同名,变量赋值前其有效
2.代码执行阶段
变量赋值
解释执行其他代码
执行上下文的创建会形成一个栈,新创建的执行上下文入栈,执行完毕则出栈。
程序执行时,首先进入全局执行上下文,Global Context入栈,
在全局中有函数调用,则会进入函数执行上下文,函数执行上下文入栈
执行上下文栈 图片
![](https://images2015.cnblogs.com/blog/636026/201705/636026-20170507165520070-160809654.png)
闭包
定义
包含自由变量的函数就是闭包(自由变量指不是函数参数,也不是函数内部变量的变量,即外部变量)
该函数通常为内部函数,被返回,外部可以引用该函数,通过其访问自由变量。
闭包的用途
1. 读取函数内部的变量
2. 让变量的值始终保持在内存中,比如循环注册事件,在事件中访问循环变量,需要用闭包来保持循环变量
3. IIFE(立即调用的函数表达式),在引用了外部变量的时候,也会形成闭包,形成一个独立的作用域,防止变量污染
闭包注意点
1. 闭包会使得父级作用域的变量都被保存在内存中,内存消耗大,在IE中可能会导致内存泄漏。少用闭包,或者将不使用的局部变量全部删除
2. 父级作用域的变量是共享,一个闭包修改了变量的值,其他闭包的值获取的值也会发生变化,容易产生错误