JS變量中有哪些需要注意的

這篇文章給大家介紹JS變量中有哪些需要注意的，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。      使用var關(guān)鍵字聲明的變量即顯式聲明變量：如：var abc1 = ‘hello’

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

      那么，問題來了，這兩種變量有什么不一樣的地方嗎？http://www.2798888.com/ 

      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并沒有被刪除，依然是window對(duì)象的屬性；而不使用var聲明的變量abc2已被刪除掉。

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

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

      如下圖：

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

5

      如下圖：

      上圖可以看到：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。

關(guān)于JS變量中有哪些需要注意的就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。