3.作用域

作用域类型：

    1.块作用域
    2.函数作用域
    3.动态作用域
    4.词法作用域（也称静态作用域）

块作用域:

    JavaScript与C++等编程语言不同，它是没有块作用域的

        for(var i=0;i<10;i++){
            var x =32;
        }
        console.log(i);//Output 10
        console.log(x);//Output 32

函数作用域:

        function a(){
          var x=10;
          function b(){
            console.log(x);//Output 10
          }
          b();
        }
        a();

如果javascript拥有纯粹的函数作用域概念则在b内部输出x会报错 x is not defined。然而结果却是输出了10，说明javascript没有纯粹的函数作用域的概念。PS：据我所学过的计算机语言没有拥有纯粹函数作用域概念的

动态作用域:

        function f(){
          console.log(x);
        }
        function f1(){
          var x=4;
          f();//理想：Output 4 现实：x is not defined
        }
        function f2(){
          var x=5;
          f()//理想：Output 5 现实：x is not defined
        }
        f1();
        f2();

以上例子说明javascript不存在动态作用域的概念。

词法作用域:

这个地方需要重点讲解
当一个函数被创建后预处理阶段，javascript环境会为这个函数对象默认添加一个[[scope]]成员属性，并且这个成员属性指向当前创建函数的词法环境即 父词法环境（javascript的最上层词法环境为window）当实际运行时，会建立一个引用。还拿刚才的例子

        function f(){
          console.log(x);//若在当前函数找不到x变量，浏览器会跳转到f.[[scope]]所指向的词法环境寻找x变量，若到达最顶层还是没有找到x变量就会发生报错
        }//词法环境添加了一个函数对象f，f.[[scope]]为window
        function f1(){
          var x=4;
          f();//建立一个引用
        }//词法环境添加了一个函数对象f1，f1.[[scope]]为window
        function f2(){
          var x=5;
          f();//建立一个引用
        }//词法环境添加了一个函数对象f2，f2.[[scope]]为window
        f1();
        f2();

链式结构

        function a()//词法环境添加了一个函数对象a，a.[[scope]]为window
        {
          var x=10;
          function b()//词法环境添加了一个函数对象b，b.[[scope]]指向a的词法环境
          {
            console.log(x);//Output 10
          }
          b();
        }
        a();

链式结构大概会表达为 b -> b.[[scope]] -> a -> a.[[scope]] -> window

new Function() 创建函数:

        function a(){
          var x=10;
          var b = new Function("","console.log(x)");
          b();//理想：Output 10 现实：x is not defined
        }
        a();

new Function()创建的函数对象，他的[[scope]]成员属性永远指向window，而不是指向当前创建函数的词法环境