javascript - 当 .parent 放在带有 ! 的变量后面时，它的含义是什么？ (例如(!myVariable.parent)

Question

总的来说，我对 javascript 和前端编码还很陌生。我正在开发一个代码笔，并试图理解代码中的所有内容，以便我可以根据自己的需要进行修改。

有一个函数:

function checkTiles() { // function for the check button

  for (var i = 0; i < dragTiles.length; i++) { // iterate through all the draggable tiles (a variable declared earlier)

    var tile = dragTiles[i]; // variable for this iteration

    if (!tile.parent) {
      continue;
    }

//does more stuff..

}

(这些评论是为了让我自己更好地理解)。

我试图理解“if (!tile.parent)”行的作用。据我所知，“父”是指父窗口？那么，这一行是否是在说“如果图 block 变量(可拖动图 block )不等于父窗口”？？

这对我来说没有多大意义。这是我正在处理的 codepen 的链接，如果在上下文中看到它会有所帮助 - https://codepen.io/kbeats/pen/eLpawv

请注意，这个 codepen 不是我写的，我还不太擅长编码。

非常感谢任何帮助，谢谢!

Answer 1

您可以将 ! 视为否定某些内容的表达式。 Javascript 具有以下“falsey”值 - falsey 意味着它们在 bool 检查中等同于 false:

假
未定义
空
NaN
0
"" 或 ''

表达式 if (!tile.parent) 检查 title.parent 是否等于上述 false 值之一。如果是这样，请继续。如果不是，则不满足条件，代码将在函数中继续向下执行。