JavaScript中的null和undefined区别介绍

  JavaScript中存在2个代表信息不存在的特殊值:null和undefined。个人认为可以从以下角度来理解这两个特殊值之间的区别:

  1.null代表有存储信息的容器(比如之前被赋过值的变量),但该容器中的内容为空。

  2.undefined代表不存在用于存储信息的容器。

  JavaScript中的null与其它多数编程语言中的null没有什么区别,基本用于表示信息值为空;而在JavaScript中下述情况下表达式返回结果为undefined:

  1.从未被赋过值的变量。

  2.访问某个对象不存在的属性值。

  3.访问数组中不存在的成员。

  4.调用没有return语句的函数。

  5.调用return语句为空(“return ;”)的函数。

  事实上,和Infinity、NaN一样,undefined在JavaScript中是一个全局变量,在ECMAScript 3中甚至可以被赋予其它值。ECMAScript 5纠正了这个错误,并将undefined变量设定为只读。

  对于null和undefined之间的比较,可以使用===全等操作符。如果使用普通的==操作符,null与undefined是等价的:

  

复制代码 代码如下:

  console.log(null == undefined);//true

  console.log(null === undefined);//false

  在程序编写过程中,如果需要对某个变量赋以空值,一般使用null而不是undefined。其原因在于:

  1.undefined一般认为是属于系统层面的、报错层面的信息缺失。

  2.null一般认为是属于编程层面的、逻辑操作层面的信息值为空。

  如果在程序中涉及类型转换,那么当转换为number类型时,null和undefined的结果是不一样的:

  1.undefined转换为number的结果是NaN。

  2.null转换为number的结果是0。

  值得一提的是,空字符串和空数组转换成number后的结果也是0。

  至于JavaScript中为什么要设计两个表示“没有”的值,可以参见阮一峰的博客文章。

  实验

  在下述实验代码中,表达式结果均为undefined:

  

复制代码 代码如下:

  var a;

  console.log(a);

  function Sample(x){

  this.x = x;

  }

  var s = new Sample();

  console.log(s.x)

  console.log(s.notExistVariable);

  var n = [2,3,4];

  console.log(n[8]);

  function test(){

  //no return value for this function

  }

  console.log(test());

  function test2(){

  return;

  }

  console.log(test2());