JavaScript 检查 null 与 undefined 以及 == 和 === 之间的区别

Question

1. 如何检查变量是否为 null 或 undefined 以及 null 和 undefined 之间的区别 code>？

2. == 和 === 之间有什么区别（很难在 Google 中搜索“===”）？

Answer 1

如何检查变量是否为 null 或 未定义...

变量是否为 null：

if (a === null)
// or
if (a == null) // but see note below

...但请注意，后者也将是如果a 为未定义，则为 true。

是未定义吗：

if (typeof a === "undefined")
// or
if (a === undefined)
// or
if (a == undefined) // but see note below

……但再次请注意，最后一个是模糊的；如果a 为null，它也为真。

现在，尽管有上述情况，检查这些的通常方法是利用它们是错误的事实：

if (!a) {
    // `a` is falsey, which includes `undefined` and `null`
    // (and `""`, and `0`, and `NaN`, and [of course] `false`)
}

这是由 ToBoolean 。

...null 和 undefined 之间有什么区别？

它们都是通常用来表示某物不存在的值。 undefined 是更通用的一种，用作变量的默认值，直到它们被分配其他值为止，作为调用函数时未提供的函数参数的值，以及作为当你向一个对象请求它没有的属性时你得到的值。但它也可以在所有这些情况下明确使用。 （不具有属性的对象与具有值为 undefined 的属性之间存在差异；使用参数值 undefined 调用函数之间存在差异，并完全保留该参数。）

null 比 undefined 稍微具体一些：它是一个空白对象引用。当然，JavaScript 是松散类型的，但并非所有与 JavaScript 交互的东西都是松散类型的。如果像浏览器中的 DOM 这样的 API 需要一个空白的对象引用，我们使用 null，而不是 undefined。同样，DOM 的 getElementById 操作返回一个对象引用 — 要么是一个有效的引用（如果它找到了 DOM 元素），要么是 null（如果没有）。

有趣的是（或没有），他们有自己的类型。也就是说，null 是 Null 类型中的唯一值，而 undefined 是 Undefined 类型中的唯一值。

“==”和“===”有什么区别

它们之间的唯一区别是 == 会进行类型强制以尝试获取匹配的值，而 == = 不会。例如，"1" == 1 为 true，因为 "1" 强制为 1。但是 "1" === 1 是 false，因为类型不匹配。 （"1" !== 1 为 true。）=== 的第一步（真正的）是“操作数的类型是否相同？”如果答案为“否”，则结果为false。如果类型相同，则它的作用与 == 完全相同。

类型强制使用相当复杂的规则，并且可能会产生令人惊讶的结果（例如，"" == 0 为 true）。

规范中的更多内容：

• 抽象平等比较 (< code>==，也称为“松散”平等）
• 严格相等比较 (===)

Answer 2

差异是微妙的。

在 JavaScript 中，未定义变量是从未声明或从未赋值的变量。例如，假设您声明 var a;，那么 a 将是 undefined，因为它从未被分配任何值。

但如果您随后分配 a = null;，则 a 现在将为 null。在 JavaScript 中，null 是一个对象（如果您不相信我，请在 JavaScript 控制台中尝试 typeof null），这意味着 null 是一个值（事实上，甚至 >未定义是一个值）。

示例：

var a;
typeof a;     # => "undefined"

a = null;
typeof null;  # => "object"

这在函数参数中非常有用。您可能想要一个默认值，但认为 null 是可以接受的。在这种情况下，您可以这样做：

function doSomething(first, second, optional) {
    if (typeof optional === "undefined") {
        optional = "three";
    }
    // do something
}

如果省略可选参数doSomething(1, 2)，那么可选将是“三”字符串，但是如果您传递doSomething(1, 2, null)，则可选将为null。

至于相等 == 和严格相等 === 比较器，第一个是弱类型，而严格相等也会检查值的类型。这意味着 0 == "0" 将返回 true；而 0 === "0" 将返回 false，因为数字不是字符串。

您可以使用这些运算符来检查 undefined 和 null。例如：

null === null            # => true
undefined === undefined  # => true
undefined === null       # => false
undefined == null        # => true

最后一种情况很有趣，因为它允许您检查变量是否未定义或为 null，仅此而已：

function test(val) {
    return val == null;
}
test(null);       # => true
test(undefined);  # => true

Answer 3

规范是获取这些问题的完整答案的地方。摘要如下：

1. 对于变量 x，您可以：
   • 通过使用===直接比较来检查它是否为null。示例：x === null
   • 通过以下两种基本方法之一检查其是否为未定义：直接与undefined或typeof进行比较。由于各种原因，我更喜欢typeof x === "undefined"。
   • 通过使用 == 并依赖于表示 的有点神秘的类型强制规则来检查它是否为 null 和 undefined 之一x == null 正是您想要的。
2. == 和 === 之间的基本区别是，如果操作数的类型不同，=== 将始终返回false 而 == 将使用 规则会导致一些稍微不直观的行为。如果操作数的类型相同（例如都是字符串，如上面的 typeof 比较），则 == 和 ===行为将完全相同。

更多阅读：

• Angus Croll 的真理、平等和 JavaScript
• Andrea Giammarchi 的 JavaScript 强制转换
• comp.lang.javascript 常见问题解答: JavaScript 类型转换

Answer 4

如何检查变量是否为 null 或未定义

只需检查变量是否具有有效值，如下所示：

if(variable)

它将返回 true

• 如果变量不包含： null
• undefined
• 0
• false
• "" （空字符串）
• NaN，

Answer 5

广告 1. null 不是全局对象属性的标识符，例如 undefined 可以

let x;      // undefined
let y=null; // null
let z=3;    // has value
// 'w'      // is undeclared

if(!x) console.log('x is null or undefined');
if(!y) console.log('y is null or undefined');
if(!z) console.log('z is null or undefined');

try { if(w) 0 } catch(e) { console.log('w is undeclared') }
// typeof not throw exception for undelared variabels
if(typeof w === 'undefined') console.log('w is undefined');

广告 2. === 检查值和类型。 == 不需要相同的类型，并在比较之前进行隐式转换（使用 .valueOf() 和 .toString()）。这里你有所有（src）：

if

== （其否定 !=）

=== （其否定 !==)

Answer 6

undefined

表示变量尚未初始化。

示例：

var x;
if(x){ //you can check like this
   //code.
}

equals(==)

它仅检查值是否等于而不是数据类型。

示例：

var x = true;
var y = new Boolean(true);
x == y ; //returns true

因为它只检查值。

严格等于(===)

检查值和数据类型应相同。

示例：

var x = true;
var y = new Boolean(true);
x===y; //returns false.

因为它检查数据类型 x 是基本类型并且 y 是布尔对象。

Answer 7

如果您的（逻辑）检查是针对否定（！）并且您想要捕获 JS null 和 undefined （因为不同的浏览器会给您不同的结果），您将使用限制性较小的比较：
例如：

var ItemID = Item.get_id();
if (ItemID != null)
{
 //do stuff
}

这将捕获 null 和 undefined

Answer 8

尝试不同的逻辑。您可以使用下面的代码检查所有四（4）条件进行验证，例如非空，非空白，非未定义和非零仅在javascript和jquery中使用此代码（！（！（变量）））。

function myFunction() {
var data;  //The Values can be like as null, blank, undefined, zero you can test

if(!(!(data)))
{
   //If data has valid value
    alert("data "+data);
} 
else 
{
    //If data has null, blank, undefined, zero etc.
    alert("data is "+data);
}

}

Answer 9

您可以简单地使用条件语句来检查变量是否为 null 或未定义。

let var;
if (var===null){
console.log("variable is null");
else if(var===undefined){
console.log("variable is undefined");

未定义表示变量已声明但未赋值
Null 表明某个变量被故意设置为 null；
Undefine 大部分时候是在无意的情况下发生的，而 null 则是出于有意的目的而发生的。

“==”和“===”的区别在于，第一个不比较变量的类型，而第二个也比较变量的类型。
这是两者之间的基本区别。