javascript小记-作用域

一、全局作用域

全局作用域的变量不论在什么时候都可以直接引用，而不必通过全局对象；
满足以下条件的变量属于全局作用域：
1、在最外层定义的变量
2、全局对象的属性
3、任何地方隐式定义的变量（未定义直接赋值的变量）

注意：在任何地方隐式定义的变量，都会定义在全局变量中，即不通过var声明直接赋值的变量
而模块化编程的一个重要原则是避免试用全局变量，所以在任何地方，都不应该隐式定义。

二、局部作用域（函数作用域）

在一个函数中定义的变量只对这个函数可见，称为函数作用域（局部作用域）

javascript在搜索变量的作用域时，会先搜索当前函数作用域，如果没有找到则搜索其上层作用域，一直到全局作用域。
例如：

    var v1='v1';
    var f1=function(){
        console.log(v1);
    }
    f1();//输出 v1

    var f2=function(){
        var v2='v2';
        console.log(v2);
    }
    f2();//输出 v2

再看一个例子：

    var scope='global';
    var f=function(){
        console.log(scope);
        var scope='f';
    }
    f();//输出 undefined

可以这样理解：
在 console.log 函数访问 scope 变量时，JavaScript 会先搜索函数 f 的作用域，恰巧在 f 作用域里面搜索到 scope 变量，
所以上层作用域中定义的 scope 就被屏蔽了，但执行到 console.log 语句时，scope 还没被定义，或者说初始化，所以得到的就是 undefined 值了

我们还可以从另一个角度来理解：对于开发者来说，在访问未定义的变量或定义了但没有初始化的变量时，获得的值都是 undefined。
于是我们可以认为，无论在函数内什么地方定义的变量，在一进入函数时就被定义了，但直到 var 所在的那一行它才被初始化，
所以在这之前引用到的都是 undefined 值。（事实上，JavaScript 的内部实现并不是这样，未定义变量和值为 undefined 的变量还是有区别的。）

三、函数作用域的嵌套

    var scope = 'top';
    var f1 = function() {
        console.log(scope);
    };
    f1(); // 输出 top
    
    var f2 = function() {
        var scope = 'f2';
        f1();
    };
    f2(); // 输出 top

这个例子中，通过 f2 调用的 f1 在查找 scope 定义时，找到的是父作用域中定义的 scope 变量，
而不是 f2 中定义的 scope 变量。这说明了作用域的嵌套关系不是在调用时确定的，而是在定义时确定的。

所以,函数作用域的嵌套关系是定义时决定的，而不是调用时决定的，也就是说，
JavaScript 的作用域是静态作用域，又叫词法作用域，这是因为作用域的嵌套关系可以在语法分析时确定，而不必等到运行时确定