JavaScript 作用域

一、作用域

　　作用域：变量可以起作用的范围。

　　所有变量（包括基本类型和引用类型）都存在于一个执行环境（也称为作用域）当中，这个执行环境决定了变量的生命周期，以及哪一部分代码可以访问其中的变量。

二、全局变量和局部变量

　　1、全局变量

　　　　在任何地方都可以访问到的变量就是全局变量，对应全局作用域。

　　　　声明：

var  num = 10;       // 全局变量

function fn() {
   str = 'abc';       // 在函数里面，前面没有 var 也是声明全局变量（不推荐，这样是不规范的）
   console.log(num); 
   console.log(str);   
}

fn();

　　2、局部变量

　　　　只在固定的代码片段内可以访问到的变量，最常见的例如函数内部。对应局部作用域(函数作用域)

　　　　声明：

function fn() {
  var num = 5;         // 声明了一个局部变量
  console.log(num);    // num = 5;
}

console.log(num);      // 不能被访问到，num 为 undefined

　　 注意：　　　

• •   不使用 var 声明的变量是全局变量，不推荐使用。
  •   局部变量退出作用域之后会销毁，全局变量关闭网页或浏览器才会销毁

三、块级作用域

　　　任何一对花括号（｛和｝）中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。

　　　在es5之前没有块级作用域的的概念,只有函数作用域。

四、词法作用域

　　　变量的作用域是在定义时决定而不是执行时决定，也就是说词法作用域取决于源码，通过静态分析就能确定，因此词法作用域也叫做静态作用域。

　　　在 js 中词法作用域规则:

• • 　函数允许访问函数外的数据.

  • 　整个代码结构中只有函数可以限定作用域.

  • 　作用域规则首先使用提升规则分析

  • 　如果当前作用规则中有名字了, 就不考虑外面的名字

五、作用域链

　　只有函数可以制造作用域结构， 那么只要是代码，就至少有一个作用域, 即全局作用域。

　　凡是代码中有函数，那么这个函数就构成另一个作用域。如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域。

　　将这样的所有的作用域列出来，可以有一个结构: 函数内指向函数外的链式结构。就称作 作用域链。

　　Demo1：

function f1() {
    function f2() {
    }
}

var num = 456;
function f3() {
    function f4() {    
    }
}

 

　　作用域链分析：

　　Demo2：

function f1() {
    var num = 123;
    function f2() {
        console.log( num );
    }
    f2();
}
var num = 456;
f1();

 

 　　作用域链：