JavaScript 变量声明提升

JavaScript 变量声明提升

一、变量提升的部分只是变量的声明，赋值语句和可执行的代码逻辑还保持在原地不动

二、在基本的语句（或者说代码块）中（比如：if语句、for语句、while语句、switch语句、for...in语句等），不存在变量声明提升

三、函数声明会提升，但是函数表达式的函数体就不会提升

  fun();       // hello
     function fun(){
       console.log("hello");
     }
     // --------------
     // 提升后

     function fun(){
       console.log("hello");
     }

     fun();       // hello 

---

  var fun = function(){
       console.log("hello");
     };

     // --------------
     // 提升后

     var fun;

     fun();        // 报错，TypeError: fun is not a function

     fun = function(){
       console.log("hello");
     };

四、如果一个变量和函数同名，函数声明优先于变量声明（毕竟函数是 JavaScript 的第一等公民），并且与函数名同名的变量声明将会被忽略

看几个例题：

第一个：　

 var foo = 1;
 function bar() {
     if (!foo) {
         var foo = 10;
     }
     alert(foo); //输出为10
 }
 bar();

在if语句中（在javascript不能叫块了吧~~），变量不会被提升，因此!foo判断为true，所以输出就为10啦。

第二个：

 var a = 1;
 function b() {
     a = 10;
     return;
     function a() {}
 }
 b();
 alert(a);  //

这是一道神奇的题。第一眼认为输出为10。but，根据第四句话，可以得到：

 function b() {
   function a() {}；//变量提升
   a = 10;
   return;
 }

function a() {} 这种定义方式和 var a = function () {}一样。所以，又可以得到：

 var a = 1;                 //defines "a" in global scope
 function b() {
    var a = function () {}; //defines "a" in local scope
    a = 10;                 //overwrites local variable "a"
    return;
 }
 b();
 alert(a);                 //alerts global variable "a"

---

 var a=1;
 (function(){
   a=2;b=2;

 })();
 alert(a==b);  //true，作用域的问题，有var和没有var的区别~