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

1在js中只有兩種作用域

a:全局作用域

b:函數作用域

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

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

1.jpg

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

2:什麼是變量提升?

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

在預解析階段:首先會在全局作用域內,js解析器會找所有的 var 、function 、參數,並提前到當前作用域的最頂上去(變量的賦值操作不會提前,還在原來的地方),此時並沒有執行代碼。

然後再開始一行一行執行代碼。遇到了函數調用,於是進入到函數作用域內,又開始分兩步驟走,1、預解析  2、一步一步執行。以此類推。


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

即變量可以在聲明之前使用,值爲undefined

2.jpg

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

3.jpg

看幾個例子:

4.jpg

把上面的例子稍作改動:

結果就會大不一樣,

5.jpg

再看一個例子:

6.jpg

3:什麼是函數提升?

7.jpg

輸出的結果是:

8.jpg

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

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

9.jpg

例子:

1.jpg

輸出的結果是:

2.jpg

最後的總結:

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

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

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

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章