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