1. 程式人生 > >js中的變量提升和函數提升

js中的變量提升和函數提升

變量提升 函數提升 作用域

1在js中只有兩種作用域

a:全局作用域

b:函數作用域

在ES6之前,js是沒有塊級作用域。

首先來解釋一下什麽是沒有塊級作用域?

技術分享圖片

所以此時 是可以打印輸出變量a的值。

2:什麽是變量提升?

在我們的js中,代碼的執行時分兩步走的,1、解析 2、一步一步執行

那麽變量提升就是變量聲明會被提升到作用域的最頂上去,也就是該變量不管是在作用域的哪個地方聲明的,都會提升到作作用域的最頂上去。

技術分享圖片

那麽上面這種寫法其實等價於下面這種寫法:

技術分享圖片

看幾個例子:

技術分享圖片

把上面的例子稍作改動:

結果就會大不一樣,

技術分享圖片

再看一個例子:

技術分享圖片

3:什麽是函數提升?

技術分享圖片

輸出的結果是:

技術分享圖片

註意:函數聲明式,會將函數的聲明和定義一起提升到作用域的最頂上去。

如果是這種寫法:函數表達式聲明的函數

技術分享圖片

例子:

技術分享圖片

最後的總結:

1:所有的聲明都會提升到作用域的最頂上去。

2:同一個變量只會聲明一次,其他的會被忽略掉。

3:函數聲明的優先級高於變量申明的優先級,並且函數聲明和函數定義的部分一起被提升。

js中的變量提升和函數提升