我所晓得的JavaScript之undefined和null的区分

2019年8月24日 177次阅读 来源: Srtian

关于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.详细作法不一样

当我们想要推断一个值是不是存在能够如许写：

objA.valueA === undefined

而当我们想要推断一个对象是不是为空时能够这么写：

objA.valueA == 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
    原文作者：Srtian
    原文地址: https://segmentfault.com/a/1190000013632514
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞