不检测Passive事件监听器兼容性直接使用的后果是什么？

嘿，这个问题问得很务实——毕竟没人想为了一个小特性额外引入Modernizr对吧？咱们来拆解一下你的疑问：

首先，你的部分猜测是对的，但有个关键细节需要补充：

• 会不会报错？ 完全不会。不支持passive选项的旧浏览器（比如IE11及更早，或者一些老版本的移动端浏览器），会把你传入的第三个参数（那个包含passive: true的对象）直接强制转换为布尔值。因为任何非空对象在布尔上下文里都是true，所以这些浏览器会把它当成useCapture: true来处理，也就是开启事件捕获模式，不会抛出任何运行时错误。

• 对象会被解析为true？ 没错，但这里的“解析”不是指识别passive属性，而是把整个对象当作布尔值true来用——旧浏览器根本不会读取对象里的passive字段，只是把整个参数当成传统的useCapture布尔值。

不过要注意：这会导致你的代码在旧浏览器里的行为和预期有差异——你本来是想设置passive来优化滚动性能（告诉浏览器这个监听器不会阻止默认行为），但旧浏览器里实际上是开启了事件捕获模式。不过既然你明确说不会调用event.preventDefault()，那这种行为差异对你的业务逻辑来说基本没影响，只是达不到优化滚动的效果而已。

如果你想在不引入Modernizr的前提下兼容新旧浏览器，可以自己写个简单的检测：

// 检测浏览器是否支持passive选项
let isPassiveSupported = false;
try {
  const testOpts = Object.defineProperty({}, 'passive', {
    get: () => {
      isPassiveSupported = true;
    }
  });
  window.addEventListener('test-event', null, testOpts);
} catch (err) {
  isPassiveSupported = false;
}

// 然后使用
$el.addEventListener('touchstart', () => {}, isPassiveSupported ? { passive: true } : false);

这个检测逻辑很简单：尝试创建一个带passive getter的对象作为参数，如果浏览器支持这个选项，就会触发getter并标记支持；如果不支持，会抛出错误（或者直接忽略getter），我们就标记为不支持。这样就能在支持的浏览器里用上passive: true，旧浏览器里则用传统的false（关闭捕获模式，和你原本的预期行为更接近）。

内容的提问来源于stack exchange，提问作者Augustin Riedinger