js變數提升與函數提升

標籤：區分   處理   var   兩種   ons   顯示   function   賦值   fine   

在es6之前，js語言並沒有塊級範圍，即{}形成的範圍，只有全域範圍和函數範圍，所謂的提升，即是將該變數的聲明或者函數的聲明提升，舉個例子

console.log(global); //undefinedvar global = 111;console.log(global);//111

顯然，上面代碼處於一個全域的範圍中，在該範圍中使用var聲明了一個global變數，其實際的聲明過程如下：

var global;console.log(global); //undefinedglobal = 111;console.log(global) //111

上面可見，var global的變數聲明被提升到第一行了，因此第二行中的輸出顯示為undefined，第三行才對global變數進行賦值操作；

因此，需要注意的：

1、變數的聲明在該範圍中，會被提升到出函式宣告的最進階；

2、需要區分變數的聲明和變數的賦值是兩種不同行為，需要分開處理；

 

函數提升：

函數常見的建立有兩種方式：

1、函式宣告;

function func(){  ......  }

　　

 

2、函數運算式

var func = function() {}

然而，只有第一種函式宣告的方式才有函數提升的作用。

 

舉個例子：

console.log(func());//1function func() {  return 1;      }

也就是說，就算函數在console之後被定義，依然會提升到該範圍的最頂端，而且高於變數提升。

js變數提升與函數提升