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