javascript - 检查 JavaScript 中对象中是否存在属性(浏览器合规性)

Question

检查 JavaScript 中对象的给定属性是否存在的最标准和最好的浏览器兼容性是什么？

我可以想到以下内容:

1.

if(window && 'navigator' in window && 'userAgent' in window.navigator) {}

2.

if(window && window.navigator && window.navigator.userAgent) {}

Answer 1

每次检查开始时的window && 检查是不必要的。从来没有自然情况下它会被评估为 false。 (如果您在 Nodejs 或不存在 window 全局的 Web Worker 中运行代码，则该行将引发异常，并且不会计算为 false。没有环境可以使 window && 会改善情况，但这样做会产生误导。)

#1 将检查 window 对象是否具有带有任何值的 navigator 属性等。#2 将检查 window 对象是否具有有一个带有 true 值的 navigator 属性。除非您希望 window.navigator 或 window.navigator.userAgent 作为属性出现，但设置为 false、null、undefined、0、NaN 或 ''(这些特定属性并不自然地存在)在浏览器中)，那么 #2 就可以正常工作，而且它更短。