作用域链
2018-04-20 本文已影响0人
海娩
qwq， 很想把文章写的通俗易懂，今天讲一下作用域链吧。
为什么要用链来说明这些词汇呢？因为都是环环相扣，就像我们项链一样。
这里我们会讲到对象，全局对象中，全局声明的属性就作为对象其中的一些属性，局部对象中，函数内声明的属性就作为局部对象的属性。
对象
emmm，怎么说，哪里都可以扯到对象，爸爸妈妈会说对象，外公外婆也知道对象。
可是，我们真的了解我们的对象吗？？好的，我没有。
作用域链有好多个对象呢！！生气！！！
- 当你定义一个js文件的时候，作用域就产生了，全局对象首先也出现了，他挂载在全局作用域这条链上
- 当你定义一个函数的时候，函数内部又会出现一条作用域链了，它有两个对象！局部对象和全局对象！
好吧，其实全局对象脚踏多条船，同一个对象，既出现在全局作用域，又出现在局部作用域。
这个时候会怎样呢？
全局作用域的属性就既可以在全局作用域被搞死，也可以在局部作用域里获得重生。而全局作用域链上没有局部对象，因此就无法改变局部作用域。
先看下个例子。
var a = 2;
function b() {
var b = 1;
a = 0;
var d = function() {
var c = 1;
return a+b+c;
}
}
这里呢，var a = 2定义的全局变量就是全局对象里的一个属性，你既可以在全局中改变它，在函数内部也可以其值。而var b = 2的话就只是局部对象里面的属性，在全局中无法修改，只能在函数内进行修改。
对于嵌套函数来说，其实是可类比的
在一层嵌套函数内部，就会有3个对象， 全局对象，局部中的外部对象，嵌套函数内变量和参数组成的嵌套函数局部对象。这几个对象的属性映射到上个例子中分别是 a, b , c。其实，画图的话应该会更清晰一点。
image.png
这三条作用域链存储在不同的地方，而对象是共享的。
图中，三条链共享全局对象，两条链共享一级局部对象。说明，在这三个地方都可以使用到全局对象的属性。
- 当查找变量x时，在本身所在的作用域链上，从top开始查找，比如红色的那条作用域链，首先查找二级局部对象，然后是一级局部对象，最后查找全局对象。当全部对象都没有相应的属性变量时，就会抛出引用错误异常。
- 对于嵌套函数来说，每次调用外部函数时，内部函数就会重新定义一次，因为一级局部对象中的实参可能发生变化，导致的一级局部对象发生变化。
闭包
这个东西真的是很常见了。。。我们从作用域的角度进行分析
- 函数对象通过作用域链相互关联起来，函数体内部的变量都可以保存在函数作用域内，这种特性就称为闭包。
- 函数的执行依赖于变量的作用域，这个作用域是在函数定义的时候决定的，而不是函数调用的时候。
var scope = "hello";
function checkscope() {
var scope = "world";
function f() {
return scope;
}
return f;
}
var a = checkscope()();
console.log(a);
image.png
在这段代码中，我们可以想到，我们刚才的作用域变量查找。
虽然我们是在外部函数的外面，调用的这个函数，但是在定义该嵌套函数的时候，作用域已经确定了，所以答案还是原来的
world。从而，我们看到一个非常神奇的东西.通过闭包，我们捕捉到了局部变量，并把它一直保存下来。
