JS變量提升及函數(shù)提升實(shí)例解析
1在js中只有兩種作用域
a：全局作用域
b：函數(shù)作用域
在ES6之前，js是沒有塊級作用域。
首先來解釋一下什么是沒有塊級作用域?
所以此時(shí) 是可以打印輸出變量a的值。
2:什么是變量提升?
在我們的js中，代碼的執(zhí)行時(shí)分兩步走的，1、預(yù)解析 2、一步一步執(zhí)行
在預(yù)解析階段:首先會(huì)在全局作用域內(nèi)，js解析器會(huì)找所有的 var 、function 、參數(shù)，并提前到當(dāng)前作用域的最頂上去(變量的賦值操作不會(huì)提前，還在原來的地方)，此時(shí)并沒有執(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)先級高于變量申明的優(yōu)先級，并且函數(shù)聲明和函數(shù)定義的部分一起被提升。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
javascript數(shù)組對象常用api函數(shù)小結(jié)(連接,插入,刪除,反轉(zhuǎn),排序等)
這篇文章主要介紹了javascript數(shù)組對象常用api函數(shù),結(jié)合實(shí)例形式總結(jié)分析了javascript針對數(shù)組的連接、刪除、反轉(zhuǎn)、排序、插入等操作相關(guān)函數(shù)用法,需要的朋友可以參考下2016-09-09
js事件驅(qū)動(dòng)機(jī)制 瀏覽器兼容處理方法
下面小編就為大家?guī)硪黄猨s事件驅(qū)動(dòng)機(jī)制 瀏覽器兼容處理方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-07-07
這篇文章主要為大家詳細(xì)介紹了Openlayers繪制地圖標(biāo)注，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
javascript設(shè)計(jì)簡單的秒表計(jì)時(shí)器
這篇文章主要介紹了javascript設(shè)計(jì)簡單的秒表計(jì)時(shí)器，該秒表將包括兩個(gè)按鈕和一個(gè)用于顯示時(shí)間的文本框，當(dāng)單擊開始按鈕時(shí)開始計(jì)時(shí)，最小單位為0.01秒，此時(shí)再次單擊按鈕則停止計(jì)時(shí)，文本框顯示經(jīng)過的時(shí)間，需要的朋友可以參考下2015-11-11
這篇文章主要介紹了使用webpack和rollup打包組件庫的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-02-02
javascript在處理圖像的能力其實(shí)是不弱的，可惜瀏覽器大戰(zhàn)連累了它，這還不算，Adobe 收購Macromedia更讓SVG處于怠工狀態(tài)。2009-10-10
最近做項(xiàng)目的時(shí)候碰到一個(gè)問題： 在js里面使用window.close()，IE下工作正常，但是FireFox下有時(shí)可以，有時(shí)不行。2008-12-12
現(xiàn)代 javscript 編程 資料...2007-04-04
這篇文章主要介紹了iframe父頁面獲取子頁面參數(shù)的方法,需要的朋友可以參考下2014-02-02
近期在做微信小程序時(shí)，涉及到了小程序的支付和退款流程，所以也大概的將這方面的東西看了一個(gè)遍，就在這篇文章里總結(jié)一下2017-11-11