[[437695]]

大家好，我卡頌。

根據(jù)ES規(guī)范[1]規(guī)定，所有非原始類型的對(duì)象轉(zhuǎn)化為Boolean都為true：

但是這里有個(gè)特例：document.all

本文就來(lái)聊聊這個(gè)冷知識(shí)。

document.all的作用

document.all會(huì)返回一個(gè)HTMLAllCollection集合，包含document下所有節(jié)點(diǎn)?？梢岳斫鉃槭且粋€(gè)「包含頁(yè)面中所有DOM節(jié)點(diǎn)的集合」：

早期的web開發(fā)者用該API獲取DOM節(jié)點(diǎn)，比如：

// 獲取頁(yè)面中第一個(gè)節(jié)點(diǎn)，即HTML 
document.all[0]; 
 
// 獲取頁(yè)面中id為"abcd"的節(jié)點(diǎn) 
document.all["abcd"]; 

隨著WEB發(fā)展，其作用已經(jīng)逐漸被document的其他方法取代，比如：

• getElementById
• querySelector
• ......

負(fù)重前行的W3C

雖然有了更好用的API，但很多老頁(yè)面還在使用document.all。如何更好的過(guò)渡呢?

為了兼容，很多開發(fā)者會(huì)寫出如下代碼：

if (document.all) { 
  // 老瀏覽器 
} else if (document.getElementById) { 
  // 支持getElementById的現(xiàn)代瀏覽器 
} 

問(wèn)題是，很多現(xiàn)代瀏覽器也實(shí)現(xiàn)了document.all，這就會(huì)讓代碼在所有瀏覽器中都進(jìn)入「老瀏覽器」的邏輯。

從09年6月到10月，關(guān)于document.all的W3C郵件列表[2]有56封之多。

第一封討論郵件

最后的討論結(jié)果是：在現(xiàn)代瀏覽器中，document.all轉(zhuǎn)化為Boolean的結(jié)果為false。

這樣，上述代碼在現(xiàn)代瀏覽器下就不會(huì)進(jìn)入「老瀏覽器」的邏輯。

總結(jié)

除了以上特性，document.all還有些異于常人的特性，比如：

• 當(dāng)被作為==和!=操作符的比較對(duì)象時(shí)，會(huì)被當(dāng)作undefined
• typeof document.all === 'undefined'

這些古怪結(jié)果都是為了瀏覽器向下兼容。雖然很多現(xiàn)代瀏覽器都支持document.all，但他已經(jīng)從標(biāo)準(zhǔn)中刪除。

我能想到他當(dāng)前唯一的作用，大概就是和面試官抬杠吧......

參考資料

[1]ES規(guī)范:

https://262.ecma-international.org/5.1/#sec-9.2

[2]W3C郵件列表:

https://www.w3.org/Search/Mail/Public/advanced_search?keywords=typeof+document.all&hdr-1-name=subject&hdr-1-query=&hdr-2-name=from&hdr-2-query=&hdr-3-name=message-id&hdr-3-query=&period_month=&period_year=&index-grp=Public__FULL&index-type=t&type-index=public-html&resultsperpage=100&sortby=date-asc