浅谈null和undefined的区别

简单来说，在 JavaScript 中 null 和 undefined 都代表空。主要的区别在于：

undefined 表示尚未初始化的变量值；
null 表示该变量有意缺少对象指向。

null 就是值定义了，但它并没有指向任何内存中的对象，它是声明式的空值；

undefined 就是这个变量压根就没有定义，它是隐藏式的空值。

在具体点就是，null 是一个字面量，它不像 undefined，不是全局对象的一个属性；null 是表示缺少的标识，指示变量为指向任何对象。把 null 作为尚未创建的对象也许更好理解。在 API 中，null 常在返回类型中是一个对象，在没有关联的值得地方使用。

undefined 是全局对象的一个属性，也就是说它是全局作用域的一个变量。undefined 的初始值就是原始数据类型 undefined。

下面我们可以通过一系列的代码，来更好的理解下：

<script type="text/javascript">
    // 1.进行类型检测
    console.log(typeof null); // object
    console.log(typeof undefined); // undefined

    console.log(Object.prototype.toString.call(null)); // [object null]
    console.log(Object.prototype.toString.call(undefined)); // [object undefined]

    // 2. == 和 === 下的状态
    null == undefined; // true
    null === undefined; // false
    !!null === !!undefined; // true

    // 3. + 运算 和 Number()
    let a = undefined + 1; // NaN
    let b = null + 1; // 1

    Number(undefined); // NaN
    Number(null); // 0

    // 4.进行 JSON 格式的转换
    JSON.stringify({ a: undefined }); // {}
    JSON.stringify({ b: null }); // {b: null}
</script>