【内容摘录自 MDN】变量作用域
有如下自定义函数:(此函数为全局函数,任何地方均可调用)
function output(value) { var para = document.createElement('p'); document.body.appendChild(para); para.textContent = 'Value: ' + value; }
以下,访问函数正常
var x = 1; function a() { var y = 2; output(y); } function b() { var z = 3; output(z); }
function a() {
var y = 2;
output(x);
}
上面有 x,y,z 三个变量,但只有 x 是全局变量,可以任意地方使用, y,z 则只能在函数内部使用,或作为函数参数 传入 其它函数中作为实参使用。
存在问题
function myBigFunction() { var myValue; subFunction1(); subFunction2(); subFunction3(); } function subFunction1() { console.log(myValue); } function subFunction2() { console.log(myValue); } function subFunction3() { console.log(myValue); }
上面代码会报错,说 myValue 未定义
因为 myValue 就局部作用域的变量,并不能被外部使用。你可能会疑惑,前面的 output(y) , output(z) 能正常使用,这里却不能,为什么呢?
因为 myValue 是局部变量,虽然 subFunction1\2\3 定义的是全局函数,而在外部使用 myValue 时,已经超出作用域范围了,在外部作用域中并没有 myValue 这个变量,所以会出现未定义变量的错。
倘若是将变量 myValue 作为 函数 subFunction1\2\3 的形参传递使用,便正常。
注意 for 、 if 的作用域,虽然其带有 {} 很像局部作用域,但别弄错了,它们不是。
var x = 1; function a() { var y = 2; output(xx); } function b() { var z = 3; output(xxx); } for(var i = 0; i < 2;i ++){ xx = i; } if(1<3){ var xxx = 5; } a(); b();
function output(value) {
var para = document.createElement('p');
document.body.appendChild(para);
para.textContent = 'Value: ' + value;
}
以上会得到结果 2 和 5 ,所以, for 与 if 中定义的变量,均为全局作用域的变量,并不是局部作用域的变量。