作用域 就是你能访问到的变量、对象以及函数的集合。
JavaScript 有两种类型的作用域:全局 以及 局部。函数外声明的变量是一个 全局 变量,它的值可以在整个程序中被访问和修改。函数内声明的变量是 局部 的,它随着函数的调用而被创建,随着函数的结束而被销毁。它不能在函数外被访问。
在函数中定义的函数,也叫嵌套函数,可以访问到外层函数的作用域。
注意下面的代码:
var a = 4; // a is a global variable, it can be accesed by the functions below
function foo() {
var b = a * 3; // b cannot be accesed outside foo function, but can be accesed by functions
// defined inside foo
function bar(c) {
var b = 2; // another `b` variable is created inside bar function scope
// the changes to this new `b` variable don't affect the old `b` variable
console.log( a, b, c );
}
bar(b * 4);
}
foo(); // 4, 2, 48立即函式(IIFE, Immediately Invoked Function Expression)是用来创建局部作用域的常用方法。 例子:
(function(){ // the function expression is surrounded by parenthesis
// variables defined here
// can't be accesed outside
})(); // the function is immediately invoked创建名为 scope.js 的文件。
在文件中复制粘贴下面的代码:
var a = 1, b = 2, c = 3;
(function firstFunction(){
var b = 5, c = 6;
(function secondFunction(){
var b = 8;
(function thirdFunction(){
var a = 7, c = 9;
(function fourthFunction(){
var a = 1, c = 8;
})();
})();
})();
})();依你对 作用域 的理解,将下面这段代码插入上述代码里,使得代码的输出为 a: 1, b: 8,c: 6。
console.log("a: "+a+", b: "+b+", c: "+c);