JavaScript里null与undefined的区别与相似点

初次看，null和undefined看似是一样的，但远非如此。本文将探讨JavaScript中null和undefined的区别和相似之处。

有两个你应该理解的null特性：

将null的值赋给a示例：

let a = null;
console.log(a);
// 输出null

Undefined最典型的是指一个变量已被声明，但未被定义。

let b;
console.log(b);
// 输出undefined

你也可以显式设置一个变量为undefined：

let c = undefined;
console.log(c);
// undefined

最后，在Object对象中查找不存在的属性时，也会得到undefined：

var d = {};
console.log(d.fake);
// undefined

在JavaScript中只有六个表示false的值。 null和undefined是其中的两个。这是表示false值得完整列表：

JavaScript中的任何其他值都被认为是true。

同样在JavaScript中，有六个基本值。 null和undefined都是基本值。这是一个完整的列表：

JavaScript中的所有其他值都是Object（对象，函数，数组等）。

有趣的是，当使用typeof来检测null时，它返回object：

let a = null;
let b;
console.log(typeof a);
// object
console.log(typeof b);
// undefined

这从JavaScript开始就已经发生，通常认为这是原始JavaScript实现的一个错误。

正如你目前所看到的，null和undefined是不同的，但是有一些相似之处。因此，null并不严格等于undefined。

null !== undefined

但是，这可能会让你感到惊讶，null松散地等于undefined。

null == undefined

在JavaScript中，使用松散相等（==）比较会做类型转换。它会隐含将值转换为常用类型后再做比较。

所有这些都很好，但是null和undefined之间的实际区别呢？

想想下面的代码片段：

let logHi = (str = 'hi') => {
  console.log(str);
}

上面的代码创建了logHi函数。这个函数需要一个参数，如果没有提供，那么将这个参数默认设置为hi。如下：

logHi();
// hi

我们也可以提供一个参数来覆盖这个默认值：

logHi('bye');
// bye

如果传undefined，默认参数会用默认值，而null则不会。

logHi(undefined);
// hi
logHi(null);
// null