理解JavaScript作用域

JavaScript作用域完全由函数决定，if、for语句中的花括号不是独立的作用域

if (true) {
    var msg = 'msg';
}
console.log(msg); // 输出 msg;

---

函数的作用域

JavaScript的作用域是通过函数来定义的，在一个函数中定义的变量只对这个函数内部可见，我们称为函数作用域。在函数中引用一个变量时，JavaScript会先搜索当前函数作用域，如果没有找到则搜索其上层作用域，一直到全局作用域。

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

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

---

函数作用域的嵌套

Javascript的函数定义是可以嵌套的，每一层是一个作用域，变量的搜索是从内到外的。
变量语句永远在该作用域最先被执行

var f5 = function() {
    var scope = 'first';
    (function() {
        var scope = 'second';
        (function() {
            console.log(scope);
        }());
    }());
}
f5(); // 输出 second

---

函数作用域的嵌套关系是在定义时决定的，不是在调用时。

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