js 中聲明變量 “提前”

1.變量定義提升:

   聲明語句：

(1)var聲明語句：

         變量聲明語句會被“提前”至腳本或者函數的頂部，但是初始化的操作則還在原來var語句的位置執行。例如，下面的例子，所示：

 function fun(){
    alert(x);
    var x=666;
    alert(x);
}//此函數在js真正執行前，會根據變量聲明提前變為：
function fun(){
    var x;  //變量聲明語句提前，
    alert(x); //結果為"undefined"
    x=666;    //初始化的操作還在原來的位置
    alert(x);//結果為“666”
}

(2)function聲明語句:用來定義函數的

           函數定義表達式: var f= function(x){return x+1;}//匿名函數表達式

                          Var f=function ff(x){return x+1;}//具（有）名函數表達式，

具名函數表達式的函數名只能在創建函數內部使用，即采用此種方法創建的函數在函數外層只能使用f不能使用ffi的函數名。ff的命名只能在創建的函數內部使用

           函數聲明語句:  function f(x){return x+1;}

使用函數聲明語句的話，函數名稱和函數體均提前，使用函數定義表達式，js會將此代碼拆分兩行代碼分別執行。先把變量名提升，函數的表達式仍然在原來的位置.如下面的例子，所示：

var getName = function () { alert (“xiyin”);};
//通過函數變量表達式創建了一個getName的函數
function getName() { alert (“xiyin11”);}   
//聲明一個叫getName函數。
   
var getName;//只提升變量聲明
function getName() {alert (“xiyin11”);}   //提升函數聲明，覆蓋var 的聲明
getName=function(){ alert (“xiyin”);} 
 //函數表達式剩下的賦值再次覆蓋function getName聲明

所以在執行getName()時，輸出的結果是xiyin

總結：這就是在js中常說的變量聲明提前，這種小細節容易被忽略，所以在這，做個簡單總結。變量聲明提升，對于兩種形式成立，var聲明的變量，function聲明的變量，具體怎么提前，上面的例子已經很清楚了。