if(foo！==null）的计算结果为true，即使foo为null

if (foo !== null) evaluates to true, even when foo is null

本文关键字：null foo true 即使 结果 if 计算      更新时间：2023-09-26

在javascript中，我有一个日志输出选项，允许使用元素/选择器来指定输出日志/错误消息的位置。初始化时输出的格式如下：

var $messageOutput = options.messageOutputElement ? $(options.messageOutputElement) : null;

稍后通过日志功能使用：

function outputMessage(msg)
{
    if ($messageOutput !== null)
    {
        messageNum++;
        var $messageOutput = $(options.messageOutputElement);
        var html = $messageOutput.html();
        html += '<b>' + messageNum + '</b><br/>' + msg + '<br/>';
        $messageOutput.html(html);
        $messageOutput.scrollTop($messageOutput[0].scrollHeight);
    }
}

问题是，即使$messageOutput==为null，outputMessage（）中的if语句也会失败。我已经用Chome的调试器验证了$messageOutput确实等于null。事实上，它无论如何都会进入if语句。

有人能告诉我为什么会发生这种情况吗？提前感谢您对此事的任何意见。

通过在函数的作用域中声明"var$messageOutput"，可以停止在全局作用域中引用变量。因此，它不是指它，而是指函数体中尚未设置的变量，该变量是未定义的，而不是null。您可能应该删除"var$messageOutput=$（options.messageOutputElement）；"的"var"部分，这将使函数引用函数外的$messageOutput。

详细说明一下："var"在您所在的范围内创建了一个新变量，为了增加混乱，类似"var foo=function"的行为与"function foo"不同。以下是一些有趣的案例&解读你的阅读乐趣：

var x = 5;
function f () {
  console.log(x):
  if (!x) {
   var x = 22;
  }
  return x;
}
function g () {
  console.log(x):
  if (!x) {
    x = 22;
  }
  return x;
}
f(); // prints nothing, and returns 22
g(); // prints 5, and returns the same value

有时您还需要注意的是，您可以在全局范围之外的声明之前引用函数，这取决于它的声明方式。例如：

function f () {
  console.log(f_sub);
  function f_sub () {
    return "subfunction of f";
  }
  return f_sub;
}
function g() {
  console.log(g_sub);
  var g_sub = function () {
    return "subfunction of g";
  }
  return g_sub;
}
f(); // prints and returns f_sub
g(); // prints undefined and returns g_sub

传统的函数声明可以在任何地方进行，也可以在任何位置引用，但将函数分配给变量意味着在执行完行之前不能引用它。

相关文章：