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