JS中作用域

 

var scope = 'global';

var f = function () {

　　console.log(scope); // 输出 undefined

　　var scope = 'f';

}

f();

上面代码可能和你预想的不一样，没有输出 global， 而是undefined，这是为什么呢？
这是 JavaScript 的一个特性，按照作用域搜索顺序，在 console.log 函数访问 scope 变
量时， JavaScript 会先搜索函数 f 的作用域，恰巧在 f 作用域里面搜索到 scope 变量，
所以上层作用域中定义的 scope 就被屏蔽了，但执行到 console.log 语句时， scope 还
没被定义，或者说初始化，所以得到的就是 undefined 值了

 

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

上面是一个函数作用域嵌套的例子，我们在最内层函数引用了 scope 变量，通过作用
域搜索，找到了其父作用域中定义的 scope 变量。
有一点需要注意：函数作用域的嵌套关系是定义时决定的，而不是调用时决定的，也就
是说， JavaScript 的作用域是静态作用域，又叫词法作用域，这是因为作用域的嵌套关系可
以在语法分析时确定，而不必等到运行时确定。下面的例子说明了这一切：

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 变量。这说明了作用域的嵌套关系不是在调用
时确定的，而是在定义时确定的