JS中所有对象都是truthy?除了他...

大家好,我卡颂。

根据ES规范规定,所有非原始类型的对象转化为Boolean都为true

但是这里有个特例:document.all

本文就来聊聊这个冷知识。

document.all的作用

document.all会返回一个HTMLAllCollection集合,包含document下所有节点。可以理解为是一个包含页面中所有DOM节点的集合

早期的web开发者用该API获取DOM节点,比如:

// 获取页面中第一个节点,即HTML
document.all[0];

// 获取页面中id为"abcd"的节点
document.all["abcd"];
复制代码

随着WEB发展,其作用已经逐渐被document的其他方法取代,比如:

  • getElementById

  • querySelector

......

负重前行的W3C

虽然有了更好用的API,但很多老页面还在使用document.all。如何更好的过渡呢?

为了兼容,很多开发者会写出如下代码:

if (document.all) {
  // 老浏览器
} else if (document.getElementById) {
  // 支持getElementById的现代浏览器
}
复制代码

问题是,很多现代浏览器也实现了document.all,这就会让代码在所有浏览器中都进入老浏览器的逻辑。

从09年6月到10月,关于document.allW3C邮件列表有56封之多。

第一封讨论邮件

最后的讨论结果是:在现代浏览器中,document.all转化为Boolean的结果为false

这样,上述代码在现代浏览器下就不会进入老浏览器的逻辑。

总结

除了以上特性,document.all还有些异于常人的特性,比如:

  • 当被作为==!=操作符的比较对象时,会被当作undefined

  • typeof document.all === 'undefined'

这些古怪结果都是为了浏览器向下兼容。虽然很多现代浏览器都支持document.all,但他已经从标准中删除。

我能想到他当前唯一的作用,大概就是和面试官抬杠吧......

欢迎加入人类高质量前端框架研究群,带飞

猜你喜欢

转载自juejin.im/post/7036599803018477605