JavaScript 空值检查

Question

我遇到了以下代码：

function test(data) {
    if (data != null && data !== undefined) {
        // some code here
    }
}

我对 JavaScript 有点陌生，但是，从我在这里阅读的其他问题来看，我的印象是这段代码没有多大意义。

---

特别是，this answer 指出

如果您在除typeof 之外的任何上下文中访问未定义变量，您将收到错误消息。

更新：上面的答案（引用）可能具有误导性。它应该说«一个未声明的变量»，而不是«一个未定义的变量»。

我发现，在Ryan ♦、maerics 和nwellnhof 的答案中，即使没有为函数提供参数，它的参数变量也总是被声明。这个事实也证明了下面列表中的第一项是错误的。

---

据我了解，可能会遇到以下几种情况：

• 函数在没有参数的情况下被调用，因此使data 成为未定义的变量，并在data != null 上引发错误。

• 该函数是专门用null（或undefined）作为其参数调用的，在这种情况下data != null已经保护了内部代码，使&& data !== undefined无用。

  李>

• 使用非空参数调用函数，在这种情况下，它会轻松传递data != null 和 data !== undefined。

问：我的理解正确吗？

---

我在 Firefox 的控制台中尝试了以下操作：

--
[15:31:31.057] false != null
[15:31:31.061] true
--
[15:31:37.985] false !== undefined
[15:31:37.989] true
--
[15:32:59.934] null != null
[15:32:59.937] false
--
[15:33:05.221] undefined != null
[15:33:05.225] false
--
[15:35:12.231] "" != null
[15:35:12.235] true
--
[15:35:19.214] "" !== undefined
[15:35:19.218] true

我不知道data !== undefined after data != null 有什么用处。

Answer 1

“未定义变量”不同于值undefined。

一个未定义的变量：

var a;
alert(b); // ReferenceError: b is not defined

值为undefined的变量：

var a;
alert(a); // Alerts “undefined”

当一个函数接受一个参数时，即使它的值是undefined，这个参数总是被声明，所以不会有任何错误。不过，!= null 后面跟着 !== undefined 没用，你是对的。

Answer 2

typeof foo === "undefined" 与foo === undefined 不同，永远不要混淆它们。 typeof foo === "undefined" 是您真正需要的。另外，使用!== 代替!=

所以语句可以写成

function (data) {
  if (typeof data !== "undefined" && data !== null) {
    // some code here
  }
}

编辑：

您不能将foo === undefined 用于未声明的变量。

var t1;

if(typeof t1 === "undefined")
{
  alert("cp1");
}

if(t1 === undefined)
{
  alert("cp2");
}

if(typeof t2 === "undefined")
{
  alert("cp3");
}

if(t2 === undefined) // fails as t2 is never declared
{
  alert("cp4");
}

Answer 3

在 JavaScript 中，null 是一个特殊的单例对象，有助于发出“无价值”的信号。您可以通过比较对其进行测试，并且像往常一样在 JavaScript 中，使用 === 运算符以避免混淆类型强制是一种很好的做法：

var a = null;
alert(a === null); // true

正如@rynah 提到的，“未定义”在 JavaScript 中有点令人困惑。但是，测试typeof(x) 是否为字符串“未定义”总是安全的，即使“x”不是已声明的变量：

alert(typeof(x) === 'undefined'); // true

此外，如果变量未初始化，则它们可能具有“未定义值”：

var y;
alert(typeof(y) === 'undefined'); // true

综上所述，您的支票应如下所示：

if ((typeof(data) !== 'undefined') && (data !== null)) {
  // ...

但是，由于变量“data”是正式的函数参数，所以总是定义的，因此不需要使用“typeof”运算符，您可以安全地直接与“未定义值”进行比较。

function(data) {
  if ((data !== undefined) && (data !== null)) {
    // ...

这个 sn-p 相当于说“如果函数是用一个已定义且不为空的参数调用的......”

Answer 4

进行测试的简单方法是：

function (data) {
    if (data) { // check if null, undefined, empty ...
        // some code here
    }
}

Answer 5

问：该函数在没有参数的情况下被调用，因此使 data 成为未定义的变量，并在 data != null 上引发错误。

答：是的，data 将被设置为未定义。请参阅规范的section 10.5 Declaration Binding Instantiation。但是访问未定义的值不会引发错误。您可能会将此与在严格模式下访问未声明的变量混淆，这确实会引发错误。

问：该函数是专门用 null（或 undefined）作为其参数调用的，在这种情况下 data != null 已经保护了内部代码，使 && data !== undefined 无用。

问：该函数是使用非空参数调用的，在这种情况下，它会简单地传递 data != null 和 data !== undefined 。

答：正确。请注意，以下测试是等效的：

data != null
data != undefined
data !== null && data !== undefined

参见规范中的section 11.9.3 The Abstract Equality Comparison Algorithm 和section 11.9.6 The Strict Equality Comparison Algorithm。

Answer 6

var a;
alert(a); //Value is undefined

var b = "Volvo"; 
alert(b); //Value is Volvo

var c = null;
alert(c); //Value is null

Answer 7

我认为，为您不期望的值测试变量通常不是一个好主意。因为您可以将测试视为编写禁止值的黑名单。但是，如果您忘记列出所有禁止值怎么办？有人，甚至你，都可以通过传递一个意想不到的值来破解你的代码。因此，更合适的方法是列入白名单 - 仅针对预期值测试变量，而不是意外。例如，如果您希望数据值是一个字符串，而不是这样：

function (data) {
  if (data != null && data !== undefined) {
    // some code here
    // but what if data === false?
    // or data === '' - empty string?
  }
}

做这样的事情：

function (data) {
  if (typeof data === 'string' && data.length) {
    // consume string here, it is here for sure
    // cleaner, it is obvious what type you expect
    // safer, less error prone due to implicit coercion
  } 
}

Answer 8

在您的情况下使用data==null（仅适用于 null 和 undefined - 在第二张图片上关注行/列 null-undefined）

function test(data) {
    if (data != null) {
        console.log('Data: ', data);
    }
}

test();          // the data=undefined
test(null);      // the data=null
test(undefined); // the data=undefined

test(0); 
test(false); 
test('something');

这里都有 (src)：

如果

==（它的否定!=）

===（它的否定!==）