媒介

上篇：【闯关形式】作用域、链和闭包 上

使命三 Global Scope & Shadowing

全局作用域和变量遮盖

全局作用域(Global Scope)

明白作用域链在哪完毕很主要！
一切的JS运转时环境都必须隐式建立一个全局作用域对象（浏览器中是window，node中是global），这个对象就位于作用域链的顶端：

    (global)
       ↑
       |
   someFunc()
       ↑
      / \
     /   \
    /     \
inner()  inner2()
           ↑
           |
         foo()

在使命一中，我们疏忽了一个细节，即当不运用var或许let等定义变量的时刻，这个变量就暴露给了外部作用域。

JS运转环境依据以下算法来赋值一个变量：

1. 查找当前作用域

2. 假如没找到，查找直接外部作用域

3. 假如找到，至6

4. 假如没找到，反复2和3直到抵达全局作用域

5. 假如在全局作用域没有找到，建立之（在window或global对象上）

6. 赋值

如许的话，在第5步就有能够不测建立一个全局变量了

全局作用域 栗子：

function someFunc() {
   var scopedVar = 1;
   function inner() {
      foo = 2;
   }
}

注重到foo的定义缺少了var或许let。
JS运转环境就会依据上面的算法，先查找inner()，然后是someFunc()，最好是全局作用域，第5步被实行了，所以foo变成了全局变量(window.foo/global.foo)

换一种说法：当你忘了写var，本来在inner中定义的变量foo就能够被外部作用域修正，所以someFunc()这个作用域就有了本不该有的权限（接见内部变量foo）

记好了：只要内部作用域能够接见外部作用域，在上面的例子中someFunc()是在全局作用域内里，所以才能够接见foo

变量遮盖(Shadowing)

在上面的算法中，变量的建立属于个中的第0步：当var或let被运用，变量就被绑定在了当前作用域，然后任何该变量的赋值部份再继承上面的算法。

在两个差别作用域中定义两个名字完全雷同的变量也是能够的：

function someFunc() {
   var foo = 1;
}
function anotherFunc() {
   var foo = 2;
}

同样在嵌套作用域中如许做也能够：

function someFunc() {
   var foo = 1;
   function inner() {
      var foo = 2;
   }
}

这就叫变量遮盖，inner()中的foo遮盖(Shadow)住了someFunc中的foo

即：inner()作用域只能接见本身的foo，没法再接见定义在someFunc()中的foo

固然，这类行动在深度嵌套或许巨型函数中也轻易致使bug，须要多加注重！

你的使命

修正你之前的使命代码，为foo()中的全局变量quux(不运用var或许let定义)赋一个值，在zip()中定义一个影子变量quux。同时这两个变量的值不要雷同。

完成后实行：scope-chains-closures verify <your-file.js> 考证答案