kooboo

很多其他的语言中,只有 null;但 JS 语言中,既有 null,又有 undefined。很多人会弄混,由此觉得 JS 语言很麻烦。其实不然,学习完这篇文章后,你会发现 null 和 undefined 的区别很容易理解。

Null:空对象

null 专门用来定义一个空对象。例如:let a = null,又例如 Object.create(null).

如果你想定义一个变量用来保存引用类型,但是还没想好放什么内容,这个时候,可以在初始化时将其设置为 null。你可以把 null 理解为:null 虽然是一个单独的数据类型,但null 相当于是一个 object,只不过地址为空(空指针)而已

比如:

let myObj = null;
cosole.log(typeof myObj); // 打印结果:object

补充:

  • Null 类型的值只有一个,就是 null。比如 let a = null

  • 从语义上讲,null表示一个空对象,所以使用 typeof 检查一个 null 值时,会返回 object。

undefined:未定义类型

case1:变量已声明,未赋值时

声明了一个变量,但没有赋值,此时它的值就是 undefined。举例:

let name;
console.log(name); // 打印结果:undefined
console.log(typeof name); // 打印结果:undefined

补充:

  • Undefined 类型的值只有一个,就是 undefind。比如 let a = undefined

  • 使用 typeof 检查一个 undefined 值时,会返回 undefined。

case2:变量未声明(未定义)时

如果你从未声明一个变量,就去使用它,则会报错(这个大家都知道);此时,如果用 typeof 检查这个变量时,会返回 undefined。举例:

console.log(typeof a); // undefined
console.log(a); // 打印结果:Uncaught ReferenceError: a is not defined

case3:函数无返回值时

如果一个函数没有返回值,那么,这个函数的返回值就是 undefined。

或者,也可以这样理解:在定义一个函数时,如果末尾没有 return 语句,那么,其实就是 return undefined

举例:

function foo() {}

console.log(foo()); // 打印结果:undefined

case4:调用函数时,未传参

调用函数时,如果没有传参,那么,这个参数的值就是 undefined。

举例:

function foo(name) {
    console.log(name);
}

foo(); // 调用函数时,未传参。执行函数后的打印结果:undefined

实际开发中,如果调用函数时没有传参,我们可以根据需要给形参设置一个默认值:

function foo(name) {
    name = name || 'qianguyihao';
}

foo();

等学习了 ES6 之后,上方代码也可以这样写:

function foo(name = 'qianguyihao') {}

foo();

其他区别

undefined 实际上是由 null 衍生出来的,所以null == undefined的结果为 true。

但是 null === undefined 的结果是 false。它们虽然相似,但还是有区别的,其中一个区别是,和数字运算时:

  • 10 + null 结果为 10。

  • 10 + undefined 结果为 NaN。

规律总结:

  • 任何值和 null 运算,null 可看做 0 运算。

  • 任何数据类型和 undefined 运算都是 NaN。