JavaScript塊級(jí)作用域綁定的實(shí)現(xiàn)流程
1.var聲明和變量提升
無(wú)論是在函數(shù)作用域亦或是全局作用中使用var聲明的變量,都會(huì)在預(yù)編譯階段被提升到當(dāng)前作用域的頂部。
function func(condition) { if(condition){ var value = "value"; return value; } else { //此處可訪問(wèn)到value,但值為undefined return null; } //此處可訪問(wèn)到value,但值為undefined }
通常在擁有塊級(jí)作用域的語(yǔ)言中,上述代碼塊只會(huì)在當(dāng)參數(shù)condition的值為true時(shí),value變量才會(huì)被創(chuàng)建,且只能在if代碼塊中被訪問(wèn)到。但在js中,無(wú)論condition的值是什么,value變量都會(huì)被創(chuàng)建,它再預(yù)編譯階段中的實(shí)際表現(xiàn)如下:
function func(condition) { var value; if(condition){ var value = "value"; return value; } else { return null; } }
2.塊級(jí)聲明和臨時(shí)死區(qū)
塊級(jí)聲明會(huì)將當(dāng)前聲明變量的作用域限制在函數(shù)作用域或塊級(jí)作用域內(nèi)部,其他非作用區(qū)域訪問(wèn)會(huì)得到undefined。
function func(condition) { if(condition){ let value = "value"; return value; } else { //此處訪問(wèn)value會(huì)報(bào)錯(cuò) return null; } //此處訪問(wèn)value會(huì)報(bào)錯(cuò) }
使用let或const的聲明的變量會(huì)在預(yù)編譯階段被加入到臨時(shí)性死區(qū)(TDZ)中,訪問(wèn)臨時(shí)性死區(qū)中的變量會(huì)觸發(fā)引用錯(cuò)誤。
3.禁止重復(fù)聲明
使用var聲明同名變量時(shí),不會(huì)產(chǎn)生任何問(wèn)題,因?yàn)樗皇窍喈?dāng)于一個(gè)賦值操作。
function(condition) { var value = "value"; var value = "val"; //相當(dāng)于 var value = "value"; value = "val"; }
但使用let和const聲明變量時(shí),會(huì)禁止聲明同名變量,拋出變量已定義異常。
4.塊級(jí)作用域綁定的最佳實(shí)踐
變量定義默認(rèn)使用const,只有確實(shí)需要改變變量的值時(shí)使用let。
到此這篇關(guān)于JavaScript塊級(jí)作用域綁定的實(shí)現(xiàn)流程的文章就介紹到這了,更多相關(guān)JS塊級(jí)作用域綁定內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
查看QQ是否在線狀態(tài)的網(wǎng)頁(yè)代碼
這個(gè)其實(shí)就是利用qq官方提供的東西,簡(jiǎn)單的通過(guò)圖片來(lái)測(cè)試是否在線,隱身也是不在線狀態(tài)。純粹學(xué)習(xí)使用。2010-04-04js利用遞歸與promise 按順序請(qǐng)求數(shù)據(jù)的方法
這篇文章主要介紹了js利用遞歸與promise 按順序請(qǐng)求數(shù)據(jù),需要的朋友可以參考下2019-08-08用javascript實(shí)現(xiàn)檢測(cè)指定目錄是否存在的方法
今天看到一篇關(guān)于onegreen被掛馬的代碼發(fā)現(xiàn)這個(gè)函數(shù),它用js就可以檢測(cè),制定的目錄或指定的文件是否存在,一般用來(lái)讀chm文件中的圖片來(lái)檢測(cè),目錄的存在。高手就是不學(xué)好。2008-01-01JavaScript設(shè)計(jì)模式之構(gòu)造器模式(生成器模式)定義與用法實(shí)例分析
這篇文章主要介紹了JavaScript設(shè)計(jì)模式之構(gòu)造器模式(生成器模式)定義與用法,結(jié)合實(shí)例形式分析了javascript構(gòu)造器模式的概念、原理、與工廠模式的區(qū)別以及相關(guān)使用方法,需要的朋友可以參考下2018-07-07