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);  // 1

这是一道神奇的题。第一眼认为输出为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的区别~