关于JavaScript作用域的总结

参考：http://www.cnblogs.com/wupeiqi/p/5649402.html

---

重点：

函数在被调用之前，作用域链已经存在

变量在被使用之前，会提前声明

---

一：JavaScript中无块级作用域

在Java和C语言中，都是以大括号作为一个作用域，条件语句和循环语句有自己独立的作用域

在JavaScript中函数是最小作用域（和Python类似），Python中函数，类，包都可以有作用域

function Main(){
    if (1==1){
        var name="seven";
    }
     console.log(name);
}
//输出seven

特殊let关键字，指定变量属于块级作用域

二：JavaScript采用函数作用域

每个函数有自己作用域，外部无法访问内部作用域中的变量

function Main(){
    var innerValue = 'seven';
}
 
Main();
 
console.log(innerValue);
 
// 报错：Uncaught ReferenceError: innerValue is not defined

三：JavaScript中的作用域链

如果出现函数嵌套，就会出现作用域链

xo = 'alex';
  
function Func(){
    var xo = "seven";
    function inner(){
        var xo = 'alvin';
        console.log(xo);
    }
    inner();
}
Func();

上述代码出现三个作用域组成的作用域链

当执行console.log(xo)时，其寻找顺序为根据作用域链从内到外的优先级寻找，如果内层没有就逐步向上找，直到没直到抛出异常

四：JavaScript的作用域链执行前已创建

JavaScript的作用域链执行前已创建，以后去执行只要按照作用域链去寻找即可

Demo1

xo = 'alex';
 
function Func(){
    var xo = "seven";
    function inner(){
 
        console.log(xo);
    }
    return inner;
}
 
var ret = Func();
ret();
// 输出结果： seven

上述代码在函数调用之前作用域链已经存在

全局作用域---》Fuc函数作用域----》inner函数作用域

当执行ret()时，由于指代的是inner函数，此时作用域链已经存在，所欲会输出seven

Demo2

xo = 'alex';
 
function Func(){
    var xo = "eirc";
    function inner(){
 
        console.log(xo);
    }
    xo = 'seven';
    return inner;
}
 
var ret = Func();
ret();
// 输出结果： seven

上述代码在函数调用之前作用域链已经存在

全局作用域---》Fuc函数作用域----》inner函数作用域

在执行ret()时，xo变量的值被重置覆盖，所以输出seven

Demo3

xo = 'alex';
function Bar(){
    console.log(xo);
}
 
function Func(){
    var xo = "seven";
     
    return Bar;
}
 
var ret = Func();
ret();
// 输出结果： alex

上述代码在执行之前，创建了两条作用域链

全局作用域----》Bar函数作用域

全局作用域----》Func函数作用域

在执行ret()时，ret指代的是Bar函数，而Bar函数的作用域链已经存在； 全局作用域---》Bar函数作用域

所以，执行时会根据已经存在的作用域链去寻找，最后输出alex

五：变量声明提前

在JavaScript中，如果不创建变量，去直接使用，会报错

console.log(xxoo);
// 报错：Uncaught ReferenceError: xxoo is not defined

如果创建值而不赋值，则该值为undefined

var xxoo;
console.log(xxoo);
// 输出：undefined

在函数内如果这么写

function Foo(){
    console.log(xo);
    var xo = 'seven';
}
 
Foo();
// 输出：undefined

上述代码不会报错，原因：JavaScript函数在执行之前，会把其中的变量全部声明，而不赋值