编程教育资源分享平台

网站首页 > 后端开发 正文

JavaScript中undefined与null详解

luoriw 2024-02-01 14:30:22 后端开发 11 ℃ 0 评论

点击右上方红色按钮关注“web秀”,让你真正秀起来

前言

对于undefined和null我一直知道他们有很多区别,也知道一点关于他们的区别,但却不具体系统,因此总结了一下,主要心得如下。

JavaScript中undefined与null详解

含义

要区分它们,首先要明确这两个值所代表的意义:

  • null 是一个 JavaScript字面量,表示空值,即没有对象被呈现,它是JavaScript的原始值之一,使用typeof运算得到 “object”。
  • undefined 是全局对象的一个属性,当声明了一个变量而未初始化时,得到的就是undefined。

具体表现如下:

 a;
 console.log(a);
 //Uncaught ReferenceError: a is not defined
 var b = null;
 console.log(b); //null

而它们出现的情景也各不相同,具体总结如下:

null:即表示为空,没有对象。

  1. 作为函数的参数,表示该函数的参数不是对象。
  2. 作为对象原型链的终点。

undefined:表示缺少值,此处应该有值,但未定义。

  1. 变量被声明了,但没有值,此时为undefined
  2. 调用函数时,应该提供的参数没有提供,此时为undefined
  3. 对象没有赋值的属性,此属性值为undefined
  4. 函数没有返回值,默认返回undefined

区别

null与undefined的区别主要体现在以下三点:

1.值相等而类型不相等

 var x;
 var y = null;
 console.log(x == y); //ture
 console.log(x ===y); //false

在上面的代码中 == 会继续类型转换,且值是相等的,所以会得出 ture;而在 === 中则不会发生类型转换所以得出的是 false。因此undefined和null的值相等而类型不相等。

2.数字运算不相同

 1+null 
 //1
 1+undefined 
 //NaN

这是由于约定的不同所决定的。在规定中数字与undefined运算时,结果都NaN。在与null运算时,null始终为0。

3.具体作法不一样

当我们想要判断一个值是否存在可以这样写:

 obj.value === undefined 

而当我们想要判断一个对象是否为空时可以这么写:

 obj.value == null 

最后借一波MDN总结的null和undefined的区别的代码:

 typeof null // object (因为一些以前的原因而不是'null')
 typeof undefined // undefined
 null === undefined // false
 null == undefined // true
 null === null // true
 null == null // true
 !null //true
 isNaN(1 + null) // false
 isNaN(1 + undefined) // true

公告

喜欢小编的点击关注,了解更多知识!

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表
最新留言