在 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
类型。