JS變量提升及函數(shù)提升實例解析
1在js中只有兩種作用域
a：全局作用域
b：函數(shù)作用域
在ES6之前，js是沒有塊級作用域。
首先來解釋一下什么是沒有塊級作用域?
所以此時 是可以打印輸出變量a的值。
2:什么是變量提升?
在我們的js中，代碼的執(zhí)行時分兩步走的，1、預(yù)解析 2、一步一步執(zhí)行
在預(yù)解析階段:首先會在全局作用域內(nèi)，js解析器會找所有的 var 、function 、參數(shù)，并提前到當(dāng)前作用域的最頂上去(變量的賦值操作不會提前，還在原來的地方)，此時并沒有執(zhí)行代碼。
然后再開始一行一行執(zhí)行代碼。遇到了函數(shù)調(diào)用，于是進(jìn)入到函數(shù)作用域內(nèi)，又開始分兩步驟走，1、預(yù)解析 2、一步一步執(zhí)行。以此類推。
那么變量提升就是變量聲明會被提升到作用域的最頂上去，也就是該變量不管是在作用域的哪個地方聲明的，都會提升到作作用域的最頂上去。
即變量可以在聲明之前使用，值為undefined。
那么上面這種寫法其實等價于下面這種寫法:
看幾個例子:
把上面的例子稍作改動:
結(jié)果就會大不一樣，
再看一個例子:
3:什么是函數(shù)提升?
輸出的結(jié)果是:
注意:函數(shù)聲明式，會將函數(shù)的聲明和定義一起提升到作用域的最頂上去。
如果是這種寫法:函數(shù)表達(dá)式聲明的函數(shù)
例子:
輸出的結(jié)果是:
最后的總結(jié):
1:所有的聲明都會提升到作用域的最頂上去。
2:同一個變量只會聲明一次，其他的會被忽略掉。
3:函數(shù)聲明的優(yōu)先級高于變量申明的優(yōu)先級，并且函數(shù)聲明和函數(shù)定義的部分一起被提升。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
本文主要介紹了js轉(zhuǎn)換對象為xml的方法。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
本文主要介紹了js中Array.sort()利用零值多維排序，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-05-05
這篇文章主要為大家詳細(xì)介紹了JS簡易計算器實例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
上傳圖片/視頻/文件是我們經(jīng)常會遇到的問題,但是一旦圖片過大就會導(dǎo)致不好的操作體驗,下面這篇文章主要給大家介紹了關(guān)于前端JS壓縮圖片原理及實現(xiàn)的相關(guān)資料,需要的朋友可以參考下2024-06-06
JavaScript獲取時區(qū)實現(xiàn)過程解析
這篇文章主要介紹了JavaScript獲取時區(qū)實現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-09-09
適用于javascript開發(fā)者的Processing.js入門教程
這篇文章主要介紹了適用于javascript開發(fā)者的Processing.js入門教程，感興趣的小伙伴們可以參考一下2016-02-02
javascript測試題練習(xí)代碼，需要的朋友可以參考下2012-10-10
這篇文章主要為大家詳細(xì)介紹了js實現(xiàn)電燈開關(guān)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
這篇文章主要介紹了JS阻止事件冒泡行為和閉包的方法的相關(guān)資料,需要的朋友可以參考下2016-06-06
Bootstrap CSS組件之導(dǎo)航條(navbar)
這篇文章主要為大家詳細(xì)介紹了Bootstrap CSS組件之導(dǎo)航條(navbar)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12