var a = 0;if(true){a = 1;function a(){};a = 21;console.log(a);}console.log(a);// 21 1

當(dāng)前上下文代碼執(zhí)行之前，會(huì)將帶var/function的進(jìn)行聲明/定義。

當(dāng)遇到“{}”時(shí)，新版瀏覽器和老版瀏覽器的處理不一致。

老版瀏覽器（IE10以下）忽略“{}”的影響，繼續(xù)聲明/定義，不存在塊級(jí)作用域

新版瀏覽器中“{}”里的function只聲明不定義，“{}”若出現(xiàn)funciton/let/const關(guān)鍵字，會(huì)創(chuàng)建一個(gè)塊級(jí)上下文

---

本題在全局變量提升階段會(huì)聲明一個(gè)變量a，在塊級(jí)作用域內(nèi)的function a同樣會(huì)聲明，但是不定義。 代碼繼續(xù)執(zhí)行

var a = 0;

在全局下給a賦值0。

if(true){a = 1;function a(){};a = 21;console.log(a);}

代碼執(zhí)行到條件判斷時(shí)，創(chuàng)建一個(gè)塊級(jí)作用域，在塊級(jí)作用域內(nèi)進(jìn)行變量提升，聲明并且定義funciton a。

a = 1;

塊級(jí)作用域內(nèi)給a賦值為1。

繼續(xù)執(zhí)行到函數(shù)定義的地方為了兼容ES3和ES6瀏覽器會(huì)做這樣一步操作：

把代碼之前所有對(duì)a的操作映射到全局

于時(shí)之前對(duì)塊級(jí)作用域內(nèi)變量a賦值為1的操作也會(huì)映射到全局的變量a，所以全局的a變成了1。所以最后控制臺(tái)打印的是結(jié)果是21，和1，因?yàn)槿值腶映射了。

總結(jié)

以上是生活随笔為你收集整理的js变量提升_一道JS变量提升题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。