【内容摘录自 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 中定义的变量，均为全局作用域的变量，并不是局部作用域的变量。

巴特西

【内容摘录自 MDN】变量作用域

最新文章

热门文章