即使是前端大神有時(shí)候也會(huì)被一些小埋伏給打趴下，即時(shí)防患于未然才是王道，今天小千就來(lái)給大家介紹幾個(gè)JS變量設(shè)置中的小埋伏，拿好小本本。

      使用var關(guān)鍵字聲明的變量即顯式聲明變量：如：var abc1 = ‘hello’

      js允許不使用var聲明變量即隱式聲明變量：如：abc2 = ‘world’

      那么，問(wèn)題來(lái)了，這兩種變量有什么不一樣的地方嗎？

      1.如果abc1和abc2 都在全局作用域，在瀏覽器控制臺(tái)打印window對(duì)象：console.log( window )

      如下圖：

      上圖可以看到：在全局的變量abc1和abc2都是window對(duì)象的屬性，都擁有全局作用域。

      2.如果abc1和abc2都在函數(shù)作用域，在瀏覽器控制臺(tái)打印window對(duì)象？

      如下圖：

      上圖可以看到：在函數(shù)作用域中abc1不會(huì)出現(xiàn)在window對(duì)象中，是一個(gè)局部變量；而abc2依然是window對(duì)象的屬性，擁有全局作用域。

      3.如果abc1和abc2 都在全局作用域，都是window對(duì)象的屬性，它們是否可以如對(duì)象屬性一般可以被刪除呢？

      如下圖：

      上圖可以看到：使用var聲明的變量abc1并沒(méi)有被刪除，依然是window對(duì)象的屬性；而不使用var聲明的變量abc2已被刪除掉。

      為什么會(huì)有這樣的差別呢？

      這與默認(rèn)的對(duì)象屬性描述符有關(guān)！

      如下圖：

      上圖可以看到：window對(duì)象的屬性abc1的描述符中，configurable: false 表示該屬性不可配置、不可刪除。

      如下圖：

      上圖可以看到：window對(duì)象的屬性abc2的描述符中，configurable: true 表示該屬性可配置、可刪除。

      正是對(duì)象屬性描述符中的默認(rèn)設(shè)置不一樣，導(dǎo)致了是否可刪除的差異！

      在js中變量聲明和函數(shù)聲明會(huì)出現(xiàn)‘聲明提升’，js引擎解析執(zhí)行代碼時(shí)分為兩個(gè)階段：1.預(yù)解析階段；2.逐行執(zhí)行階段。

      在預(yù)解析階段變量abc1被聲明并賦初始值為undefined；在逐行執(zhí)行階段變量abc1被賦值為‘hello’;所以，在變量聲明之前打印不會(huì)報(bào)錯(cuò)，打印的值為undefined。

      最后想學(xué)習(xí)web前端的同學(xué)，可以參考千鋒web前端培訓(xùn)班提供的web前端學(xué)習(xí)路線，該學(xué)習(xí)路線對(duì)從零基礎(chǔ)小白到web前端初級(jí)開(kāi)發(fā)工程師，web前端高級(jí)開(kāi)發(fā)工程師，后面的web前端大神級(jí)開(kāi)發(fā)工程師都有一個(gè)明確清晰的指導(dǎo)，根據(jù)千鋒web前端培訓(xùn)機(jī)構(gòu)提供的web前端學(xué)習(xí)路線圖可以讓你對(duì)學(xué)習(xí)web前端開(kāi)發(fā)需要掌握的知識(shí)有個(gè)清晰的了解，并快速入門(mén)web前端開(kāi)發(fā)。想要獲取前端完整學(xué)習(xí)路線和免費(fèi)的學(xué)習(xí)資料可以添加我們的web前端技術(shù)分享交流qq群：857920838  加群找群管理領(lǐng)取即可，等你來(lái)哦~~