详解undefined和null的区别

Begin

在 JavaScript 中, undefined 并且 null 彼此非常不同。但是,只有一些相似之处可能会使该语言的初学者感到困惑。本文旨在通过示例解释它们的相似之处、不同之处和用法。希望你觉得它有用。

Undefined

undefined 通常表示变量已声明,但尚未赋值。

在上面的示例中,我们声明了一个变量 author ,但尚未为其赋值。因此变量 author 是 undefined 。

还有一种方法可以确认:

当您访问不存在的对象属性时,您会得到一个 undefined .

Null

null 是赋值。作为程序员,您可能希望将值 null 分配给变量。它只是意味着该值为空或不存在。

有趣的是,当我们用来 typeof 检查 null 的类型时,它会返回"object"。

⚠️ 混淆警报:这可能会造成混淆,因为 null 基元值也是如此。这可能是 JavaScript 长期存在的一个问题,我们期待更好的推理。

相似之处

它们都是原始值。JavaScript 有 7 个基本元素,

JavaScript 中的所有其他值都是对象(是的,包括函数和数组)。

有它们都是falsey values。

falsy(falsey)值是在布尔上下文中遇到时会被视为false的值。

在 JavaScript 中,有 6 个虚假值,包括 undefined 和 null

js 复制代码
1.  false 
2.  0
3.  ""(empty string)""(空字符串)
4.  NaN
5.  undefined 
6.  null 

差异

除了上面提到的相似之处外, undefined null 彼此之间相距甚远。他们严格来说是不平等的。

⚠️ 混淆警报:但是,它们大致相等。松散相等是使用 == 运算符执行的,该运算符在将两个值转换为公共类型后进行比较。你应该尽量避免它。

请记住, undefined 表示没有为声明的变量分配任何值。然而, null 本身是一个可以分配给变量的值,并表示 null 一个空/空值。

如何区分Null and Undefined

使用严格相等运算符 ( === ) 检查变量是否为 undefined 值或是否具有 null 值

同样,对于 null 。

由于两者都 undefined null 是虚假值,因此您也可以这样做。它将匹配 undefined 和 null。

备忘单

总而言之

  • undefined 和 null 是原始值,它们表示虚假值。undefined 和 null 之间的所有相似之处都到此为止。

  • undefined value 通常由 JavaScript 引擎在声明变量但未分配任何值时设置。

  • null 值通常由程序员在想要分配空/空白值时设置。

  • undefined 和 null 严格不相等(!==)。

  • 如果尝试访问甚至未声明的变量的值,则会导致 ReferenceError。

相关推荐
JianZhen✓2 分钟前
解决SPA发版旧版本残留+动态路由打包失效的完整方案(附落地代码)
前端·状态模式
计算机魔术师5 分钟前
Dario Amodei 发文呼吁放缓前沿 AI 开发后各方表态汇总
前端
anyup10 分钟前
仍然是简单一句话,uView Pro Starter 一键清理 Skill 发布
前端·人工智能·uni-app
letisgo51 小时前
JAVA 高级进阶18篇《生产级RAG:切分、检索、评估与Graph RAG全链路实战》
java·面试·检索增强·rag·graph rag
福兮说1 小时前
纯前端把图片压缩到指定体积:canvas.toBlob 配合二分查找
前端·javascript·canvas·图片处理
是立不是利1 小时前
CSS 入门与进阶:从选择器到响应式布局的完整指南
前端·css
镭立智能制造1 小时前
电线电缆换线频繁?MES系统如何缩短换线时间40%
前端·制造
志尊宝1 小时前
Vue3 零基础每日笔记(018):按键与鼠标修饰符——回车搜索、Ctrl+S 保存这样写
javascript·vue.js·笔记
Lzh编程小栈1 小时前
STM32 DMA深度解析|原理、完整工作流程、寄存器、中断联动,嵌入式面试高频考点(F1系列)
c语言·stm32·单片机·mcu·面试
rannn_1111 小时前
【Java面试八股】Java基础篇|数据类型、面向对象、关键字、反射、注解、异常、新特性、序列化、设计模式、IO
java·后端·面试