理解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(); // 输出 globalvar 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