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

 

posted @ 2017-11-27 10:54  前端开发小姐姐  阅读(406)  评论(0编辑  收藏  举报