首先来了解几个基本概念
1.有些属性是我们无法访问的,JS引擎内部固有的隐式属性(比如:scope)
2.函数创建时,生成的一个JS内部的隐式属性
3.函数存储作用域链的容器,作用域链
4.AO:函数的执行期上下文
GO:全局的执行期上下文
5.函数执行完成以后,AO是要销毁的
6.AO是一个即时的存储容器
从下面一段代码咱们分析一下这个函数的作用域和作用域链。
<script>
function a(){
function b(){
var b = 2;
}
var a = 1;
b();
}
var c = 3;
a();
</script>
function a(){}
var c = 3;
当a函数被定义时,系统自动生成[[scope]]属性,[[]scope]]保存该函数的作用域链,该作用域链的第0位存储当前环境下的全局执行期上下文GO,GO里存储全局下的所有对象,其中包含a和全局变量c。
function a(){
function b(){}
var a = 1;
}
var c = 3;
a();
当a函数被执行时(前一刻,预编译时),作用域链的顶端(第0位)存储a函数生成的函数执行期上下文AO,同时第1位存储GO。查找变量是a函数存储的作用域链中从顶端开始依次向下查找。
function a(){
function b(){}
var a = 1;
}
var c = 3;
a();
当b函数被定义时,是在a函数环境下,所以b函数这时的作用域链就是a函数被执行期的作用域链。
function a(){
function b(){
var b = 2;
}
var a = 1;
b();
}
var c = 3;
a();
当b函数被执行时(前一刻),生成函数b的[[scope]],存储函数b的作用域链,顶端第0位存储b函数的AO,a函数的AO和全局的GO依次向下排列。
function a(){
function b(){
var b = 2;
}
var a = 1;
b();
}
var c = 3;
a();
当b函数被执行结束后,b函数的AO被销毁,回归被定义时的状态。
function a(){
function b(){}
var a = 1;
}
var c = 3;
a();
当a函数被执行结束时,a函数的AO被销毁的同时,b函数的[[scope]]也将不存在。a函数回归到被定义时的状态。
function a(){}
var c = 3;
最后 ,返回到a函数被定义时的状态。