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會將此代碼拆分兩行代碼分別執行。先把變量名提升，函數的表達式仍然在原來的位置.如下面的例子，所示：

? 在javascript引擎進行“預編譯”時，也就是代碼真正執行之前，會有“聲明提前”，下面的函數例子,var getName 與 function getName 都是聲明語句，區別在于 var getName 是函數表達式，函數表達式最大的問題，在于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聲明的變量，具體怎么提前，上面的例子已經很清楚了。

?

轉載于:https://blog.51cto.com/xiyin001/1754539

總結

以上是生活随笔為你收集整理的js 中声明变量 “提前”的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。