再说 JavaScript 的 null 和 undefined

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

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

通常 nullundefined 是表示无值情况的判断条件。但如果使用相等操作符 == 来比较它们,将返回 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,类型标记位是 000null 从最初的版本开始就被认为是 JavaScrip 中的一个特殊值,null 表示空指针。然而,JavaScript 中没有像C语言那样的指针,所以 null 仅仅意味着什么都没有或无效,由所有的 0 表示。因此它的32位都是0。就这样每当  JavaScrip  解释器读取 null 时,它就认为前3位是object 类型。


相关文章
|
1月前
|
JavaScript 前端开发 算法
undefined与null的区别
在JavaScript中,undefined和null都表示变量未被赋值或值缺失,但它们在使用场景上有一些区别。 - **`语义不同`**:undefined表示一个变量未被赋值或者声明后未进行初始化。而null表示一个变量被明确地设置为无值或者表示空值的概念。 - **`类型不同`**:undefined是一种基本数据类型,而null是一个引用类型。 - **`条件判断`**:在条件判断中,使用if (variable === undefined)或者if (variable === null)可以进行区分。
|
2月前
|
JavaScript 前端开发 程序员
分享18个用于处理 null、NaN 和undefined 的 JS 代码片段
Null、NaN 和 undefined 是程序员在使用 JavaScript 时遇到的常见值。 有效处理这些值对于确保代码的稳定性和可靠性至关重要。
|
3月前
|
JavaScript 前端开发 API
null和undefined:两个JavaScript中的特殊值(二)
null和undefined:两个JavaScript中的特殊值
|
3月前
|
JavaScript 前端开发 安全
null和undefined:两个JavaScript中的特殊值(一)
null和undefined:两个JavaScript中的特殊值
|
1月前
|
JavaScript 前端开发 API
编程笔记 html5&css&js 070 JavaScript Null数据类型
编程笔记 html5&css&js 070 JavaScript Null数据类型
118 0
|
1月前
|
JavaScript 前端开发
编程笔记 html5&css&js 069 JavaScript Undefined数据类型
编程笔记 html5&css&js 069 JavaScript Undefined数据类型
|
2月前
|
机器学习/深度学习 SQL 关系型数据库
【MySQL进阶之路丨第十一篇】一文带你精通MySQL NULL值处理、正则表达式
【MySQL进阶之路丨第十一篇】一文带你精通MySQL NULL值处理、正则表达式
34 0
|
2月前
|
SQL 关系型数据库 MySQL
总结 vue3 的一些知识点:MySQL NULL 值处理
总结 vue3 的一些知识点:MySQL NULL 值处理
|
4月前
|
SQL 关系型数据库 MySQL
MySQL NULL 值处理
MySQL NULL 值处理
|
30天前
|
SQL 关系型数据库 MySQL
python在mysql中插入或者更新null空值
这段代码是Python操作MySQL数据库的示例。它执行SQL查询从表`a_kuakao_school`中选取`id`,`university_id`和`grade`,当`university_id`大于0时按升序排列。然后遍历结果,根据`row[4]`的值决定`grade`是否为`NULL`。若不为空,`grade`被格式化为字符串;否则,设为`NULL`。接着构造UPDATE语句更新`university`表中对应`id`的`grade`值,并提交事务。重要的是,字符串`NULL`不应加引号,否则更新会失败。
19 2