var变量及其作用域

JavaScript中var不是块级作用域而是通过函数来管理作用域，在函数内部声明的变量只能在这个函数内部使用

1.块级作用域实例测试

if(true){
    var test=1;
}
console.log(test); //1

2.函数级作用域实例测试

function() {
    var test = 1;
};
console.log(test); // test is not defined

通过上面两个例子我们可以看出 在函数里声明的变量在外边是不能用的、而块级是可以的

全局作用域

定义: 在所有函数之外的变量,函数内部可以直接读取全局变量。

  var name = "outer";
      function fn(){
         console.log(name);
      }
      fn(); //outer

函数作用域

定义: 一般只在固定的代码片段内可访问到，而对于函数外部是无法访问的，最常见的例如函数内部

  function fn(){
         var name = "inner";
      }
      fn();
      console.log(name); // ReferenceError: name is not defined

注意

1. 函数内部声明变量的时候，一定要使用var命令。如果不用的话，你实际上声明了一个全局变量！

     function fn(){
         name = "inner";
      }
      fn();
      console.log(name); // inner

2. 只要函数内定义了一个局部变量，函数在解析的时候都会将这个变量“提前声明”

   var name = "global";
      function fn(){
         console.log(name); // undefined
         var name = "local";
         console.log(name);// local
      }
      fn();

相当于：

 var name = "global";
      function fn(){
         var name; // 提前声明了局部变量
         console.log(name);// undefined
         name = "local";
         console.log(name);// local
      }
      fn();

3. 块语句（大括号“｛｝”中间的语句），如 if 和 switch 条件语句或 for 和 while 循环语句，不像函数，它们不会创建一个新的作用域

if (true) {
    // 'if' 条件语句块不会创建一个新的作用域
    var name = 'Hammad'; // name 依然在全局作用域中
}
console.log(name); // logs 'Hammad'

整体再来测试下，你会了？

var outVariable = "我是最外层变量"; 
function outFun() { 
    var inVariable = "内层变量";
    variable = "未定义直接赋值的变量";
    function innerFun() { //内层函数
        console.log(inVariable);
    }
    innerFun();
}
console.log(outVariable); 
console.log(variable);
outFun(); 
console.log(variable);
console.log(inVariable); 
innerFun();

var outVariable = "我是最外层变量"; 
function outFun() { 
    var inVariable = "内层变量";
    variable = "未定义直接赋值的变量";
    function innerFun() { //内层函数
        console.log(inVariable);
    }
    innerFun();
}
console.log(outVariable); //我是最外层变量
console.log(variable);//variable is not defined (解析：要先执行outFun()这个函数，否则根本不知道里面是啥)
outFun(); //内层变量
console.log(variable);//未定义直接赋值的变量
console.log(inVariable); //inVariable is not defined
innerFun(); //innerFun is not defined

总结

• 不用var定义出来的是全局变量;
• 用var在全局范围内定义出来的也是全局变量;
• 用var在局部范围内定义出来的是局部变量。