js变量的作用域

变量的作用域(变量的有效范围)

作用域(scope)是结构化编程语言中的重要概念。它决定了变量的可见范围和生命周期。

js的作用域分为两种:全局作用域和函数作用域。

在Javascript中有一种特殊的对象称为全局对象。由于全局对象的所有属性在任何地方都是可见的，所以这个对象又称为全局作用域。全局作用域中的变量无论在什么函数中都可以被直接引用，而不必通过全局对象。

满足一下条件的变量属于全局作用域：

1.在最外层定义的变量；

2.全局对象的属性;

3.任何地方隐式定义的变量（未定义直接赋值的变量即不通过var声明直接赋值的变量）。

模块化编程的一个重要原则就是避免使用全局变量，所以我们在任何地方都不应该隐式定义变量。

var a='a';
var f=function(){
    console.log(a);//输出'a'，说明全局变量n在函数内部可以被读取
    b='b';
};
var n=f();
console.log(b);//输出'b',隐式定义的变量

不同于大多数类C的语言，由一对花括号封闭的代码块就是一个作用域，Javascript的作用域是通过函数来定义的，在一个函数中定义的变量只是对这个函数内部可见，我们称为函数作用域。

在函数中引用一个变量时，Javascript会先搜索当前函数作用域，如果没有找到则搜索其上层作用域，一直到全局作用域。

function f1(){
  var a='a';
}
alert(a); // 没有定义，说明函数内部的变量，外部无法读取。

看到的一些关于作用域链的知识。

内部环境可以通过作用域链访问所有的外部环境，但外部环境不能访问内部环境中的任何变量和函数。这些环境是线性、有次序的。每个环境都可以向上搜索作用域链，以查询变量和函数名；

作用链的用途：

保证对执行环境有权访问的所有变量和函数的有序访问。

var color = 'blue';

function text1(){
    var anotherColor = 'red';

    function text2(){
        var tempCplor = anotherColor;
        anotherColor = color;
        //这里可以访问到color、anotherColor和tempColor
    }
    //这里可以访问color和anotherColor,但不能访问到tempColor
    text2();
}
//这里只能访问到color
text1();

解析（画重点，这里关于作用域讲的比较详细，看完这个作用域就了解差不多）：

以上代码一共涉及三个执行环境：全局环境，text1()的局部环境和text2()的局部环境。

1.全局环境中有一个变量color和一个函数text1()。

2.text1()的局部环境中有一个anotherColor变量和一个text2()的函数，但它可以访问到全局环境中的变量color。

3.text2()的局部环境有一个变量tempColor，该变量只能在text2()自身的环境中被访问到。这是一个闭包，无论是全局环境还是text1()的局部环境都无权访问tempColor。但是在text2()的内部环境中，可以访问到全局环境和text1()中的所有变量，因为这两个环境是text2()的父执行环境。

ps：函数参数也被当做变量来对待，因此其访问规则与执行函数中的其他变量相同。