JavaScript null 和 undefined

null

null 表示一个变量被声明了,并被赋值为空

var lzh = null;
console.log(lzh); // null
console.log(typeof lzh); // object

undefined

简单的理解:
undefined 表示一个变量被声明了,但是还没有赋值,比如:

var lzh;
console.log(lzh); // undefined
console.log(typeof lzh); // undefined

详细一点的理解:
在 JavaScript 中,有 Undefined 类型, undefined 值和 undefined 变量

Undefined 类型

这是 JavaScript 五中基本数据类型中的一种,一个值为 undefined 的变量,类型为 Undefined 类型

undefined 值

  • 声明的变量没有赋值,则默认赋值为 undefined
  • 属性没有被赋值,则默认赋值为 undefined
  • 函数没有返回值(没有返回语句或者只有一个 return;),则默认返回 undefined
  • 函数的参数没有提供时,形参为 undefined
var a;
typeof a; //"undefined"

window.b;
typeof window.b; //"undefined"

var c = (function() {})();
typeof c; //"undefined"

var d = (function(e) {return e})();
typeof d; //"undefined"

undefined 变量

undefined 变量是全局的属性,我们也可以通过变量的形式来访问,暂且称它为变量吧,如果对变量和属性有疑惑,文后附上了介绍很详细的博文。

typeof undefined; //"undefined"

var f = 2;
f = undefined; //将 undefined 变量的值付给 f
typeof f; //"undefined"

在 ES3 里面,undefined 是可写的,如下:

undefined = "washing machine"; //向 undefined 变量赋值一个字符串
typeof undefined //"string"

f = undefined;
typeof f; //"string"
f; //"washing machine"

相似之处

  1. nullundefined 强制类型转换成布尔型时,都是 false
  2. null == undefined //true ,但这并不是由第一点导致的,虽然原因也是强制类型转换,下一篇博文会有我的理解。

更多(by RedNax)

设置一个值为 null 是合理的
如 objA.valueA = null;但设置一个值为 undefined 是不合理的,如 objA.valueA = undefined; // 应该直接使用 delete objA.valueA;
任何一个存在引用的变量值为undefined都是一件错误的事情。

JS 中同时存在 undefined 和 null 是合理的。
首先在 Java 中不存在 undefined 是很合理的:Java 是一个静态类型语言,对于 Java 来说不可能存在一个“不存在”的成员(不存在的话直接就编译失败了),所以只用 null 来表示语义上的空值。而 JavaScript 是一门动态类型语言,成员除了表示存在的空值外,还有可能根本就不存在(因为存不存在只在运行期才知道),所以这就要一个值来表示对某成员的 getter 是取不到值的。

typeof null 结果是 ”object“ 更像是一个设计失误
因为 typeof null === "object" 而认为 null 语义是表示空对象是个不谨慎的猜测,感觉像是先射箭后画靶一般。简单的反例:在强类型数据交换协议 odata( http://www.odata.org/ )的 JSON 格式中,即使一个成员定义为特定类型(比如string),也可以设置其值为 null 来表示这个值是空值,这可不是表示这个成员是空对象,只是说值为空而已(和空字符串、0、false有所区别)。而 typeof null === "object" 更可能是一个设计失误,所以在 harmony 中有提议将这个返回值修正为 null :
http://wiki.ecmascript.org/doku.php?id=harmony:typeof_null
当然该提议因为会造成大量旧 Javascript 脚本出现问题而被否决了……

参考

https://javascriptweblog.wordpress.com/2010/08/16/understanding-undefined-and-preventing-referenceerrors/
https://javascriptweblog.wordpress.com/2010/08/09/variables-vs-properties-in-javascript/
http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html

上一篇:(译)(function (window, document, undefined) {})(window, document); 真正的意思


下一篇:Django入门实践(3)