變量提升和函數(shù)提升一樣嗎？

不一樣。

變量提升

簡單說就是在JavaScript代碼執(zhí)行前引擎會先進行預編譯，預編譯期間會將變量聲明與函數(shù)聲明提升至其對應作用域的最頂端，函數(shù)內(nèi)聲明的變量只會提升至該函數(shù)作用域最頂層，當函數(shù)內(nèi)部定義的一個變量與外部相同時，那么函數(shù)體內(nèi)的這個變量就會被上升到最頂端。

舉例來說：

console.log(a); //undefined
var a = 3;

//預編譯后的代碼結(jié)構(gòu)可以看做如下運行順序
var a; // 將變量a的聲明提升至最頂端，賦值邏輯不提升。
console.log(a); // undefined
a = 3; // 代碼執(zhí)行到原位置即執(zhí)行原賦值邏輯

函數(shù)提升

·函數(shù)提升只會提升函數(shù)聲明式寫法

·函數(shù)表達式的寫法不存在函數(shù)提升

·函數(shù)提升的優(yōu)先級大于變量提升的優(yōu)先級，即函數(shù)提升在變量提升之上

下面我們來看一道題。

以下代碼執(zhí)行后，控制臺的輸出是：

var a = 10;
function a(){}
console.log(typeof a)

A、“number”

B、“object”

C、“function”

D、“undefined”

正確答案：A

解題思路：

函數(shù)提升大于變量提升，變量提升會提升到除函數(shù)聲明的后面;變量提升，但是賦值不提升、函數(shù)表達式亦是如此，所以應該是下面的步驟

function a(){}
var a;
a=10; //如果沒有這一步賦值操作的話，類型還是function
console.log(typeof a); //a=10 number