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

时确定的，而是在定义时确定的