javascript - 如果第一部分为假，如何跳过(JavaScript if 语句)的第二部分

Question

我有这个代码:

  if (window.content.document.getElementById("error-msg") != null )
  {
    if (window.content.document.getElementById("error-msg").offsetParent !== null) 
    {
...
    }
  }

可以写成一个if语句吗？

我尝试了以下...

if ( (window.content.document.getElementById("error-msg") != null) || (window.content.document.getElementById("error-msg").offsetParent !== null) ) {}

但是，它不起作用，并产生错误:

TypeError: window.content.document.getElementById(...) is null

Answer 1

常见的习惯用法是像这样使用&&运算符

var errorMsg = window.content.document.getElementById("error-msg");

if (errorMsg && errorMsg.offsetParent) {
    ...
}

在这里，JavaScript 将首先评估 errorMsg，如果它是 Truthy ，然后它将评估 errorMsg.offsetParent 部分。只有当 && 中的两个表达式都为 Truthy 时，条件才会被满足。

注意:如果被测试的表达式是0、false 等，Truthy 评估将返回false (参见虚假值列表 here )。所以，如果你想测试它们是否不是 null，只需明确地写出来，就像这样

if (errorMsg !== null && errorMsg.offsetParent !== null) {
    ...
}

---

另一方面，只有当第一个表达式为 Falsy 时，|| 运算符才会计算第二个运算符。在你的情况下，如果

(window.content.document.getElementById("error-msg") != null) 

为true，表示getElementById("error-msg")返回null。由于第一个表达式被评估为 Truthy，它评估另一个表达式并有效地尝试检查

null.offsetParent !== null

这就是它失败的原因。