前端基础

09 10月

再说 JavaScript 的 null 和 undefined

2021-10-09 前端基础

再说JavaScript 的 null 和 undefined

在 JavaScript 中关于空值的定义会应项目的不同而不同，通常在与后台接口对接的时候，判断数据是否存在需要判断空字符串 ""、null、undefined。本文带大家再复习一下 null 和 undefined 。

通常 null 和 undefined 是表示无值情况的判断条件。但如果使用相等操作符 == 来比较它们，将返回 true。但是 null 通常被用来显式地不给变量赋值，而 undefined 被 JavaScript 引擎本身隐式地使用来不给变量赋值。这两种基本数据类型用于完成类似的需求，但在严格类型上并不相同，使用 typeof 函数来获取其类型，null 返回 object ，而 undefined 返回 undefined ，由此可以清楚的知道使用 === 就会返回 false 。

console.log(undefined == null); // true
console.log(undefined === null); // false
console.log(typeof null); // object
console.log(typeof undefined); // undefined

空值判断

正如上面说的，判断空值，在不同的项目下有不同的解释，下面的代码片段可以判断所有类型的空值。

const isEmpty = (x) => {
    if (Array.isArray(x) || typeof x === "string" || x instanceof String) {
        return x.length === 0;
    }

    if (x instanceof Map || x instanceof Set) {
        return x.size === 0;
    }

    if ({}.toString.call(x) === "[object Object]") {
        return Object.keys(x).length === 0;
    }
    if (!isNaN(parseFloat(x)) && isFinite(x)) {
        return false;
    }
    return !x;
};
console.log(isEmpty(null)); // true
console.log(isEmpty(undefined)); // true
console.log(isEmpty([])); // true
console.log(isEmpty({})); // true
console.log(isEmpty("")); // true
console.log(isEmpty(new Set())); // true
console.log(isEmpty(0));

为什么 null 是 object？

表面上看 null 是一个 object ，如果说 null 就是一个 object 是不正确的。事实上，null 是 JavaScript 中的一个基本类型。

这实际上是语言中的一个错误，不幸的是不能那么容易地修复，因为它会破坏现有的代码库。然而，实际上有一个逻辑上的解释，为什么 null 是 JavaScript 中的一个 object 。

在 JavaScript 的初始版本中，值以32位单位存储。前3位表示数据类型标签，后3位表示值。

对于所有object，类型标记位是 000，null 从最初的版本开始就被认为是 JavaScrip 中的一个特殊值，null 表示空指针。然而，JavaScript 中没有像C语言那样的指针，所以 null 仅仅意味着什么都没有或无效，由所有的 0 表示。因此它的32位都是0。就这样每当 JavaScrip 解释器读取 null 时，它就认为前3位是object 类型。

JavaScript