javascript中的undefined 与 null 的区别 补充篇

之前我们发不过类似的文章
JavaScript null和undefined区别分析

JavaScript Undefined，Null类型和NaN值区别

先说说undefined：
Javascript中的变量是弱类型的（关于这个我想就不用我多解释啦）， 所以声明变量的时候只需使用var关键字即可。如果是像C这样的强类型语言， 声明变量的时候如果没有指定初始值，那么会给他一个默认值，比如int变量的默认值是0。但是在Javascript这样的弱类型语言中，没有办法确定到底该给这样的变量一个什么样的默认值，比如我声明一个变量
var v1;
是给他false还是0,或者是'' ?
因为没有类型，所以无法确定。 在Javascript中对于这种生命后没有给定初始值的变量，就给他一个undefined。不过前提是这个变量必须已经声明，如果对于没有声明过的标识符，就会出错。看看下面的代码。


代码如下:

var v1;
alert(v1); //undefined
alert(v2); //报错

再来说说null，Javscript有几个基本类型，Number,String,Boolean，Object。对于Object 类型的变量，他有两种情况，一种是他是一个对象的实例，另一种他是一个空引用null,熟悉类似Java这样面向对象语言的朋友应该很容易理解。对于这两种情况，他们的类型都是Object。Javascript中的变量，在给他赋值的时候，才
会确定它的类型，比如下面这样。


代码如下:

var v1 = 1;
var v2 = true;

alert(typeof v1); //number
alert(typeof v2); //boolean

v2 = new Date();
alert(typeof v2); //object

v2 = "str";
alert(typeof v2); //string

v2 = null;
alert(typeof v2); //object

可以看到，null在 Javascript中代表一个特殊的Object类型的值，他用来表示空引用的概念，如果要将一个标识符声明称object类型，但是暂时不给他实例，那么就可以将它先初始化为null，以便以后使用。
    不一定绝对正确，简单来说，对于所有变量，只要声明后还没有指定初始值 ，那么他就是undefined，如果是Object类型用来表示空引用的概念，那么就是用null来表示。
下面是一些补充：
null :表示无值;
undefined : 表示一个未声明的变量，或已声明但没有赋值的变量，或一个并不存在的对象属性。==运算符将两者看作相等。如果要区分两者，要使用===或typeof运算符。
使用if (!object){}两者就都包含了
补充：2006.12.6


代码如下:

var obj = "aaa";
var nullobj;
if (obj == null || obj == undefined || (!obj) ){
alert("obj is null");
}
if (nullobj == null){
alert("obj is null");
}
if (nullobj == undefined){
alert("obj is undefined ");
}
if ( !nullobj ){
alert("! obj ");
}

关于undefined和"undefined的补充（2007/1/30）：
JScript中用于表示未定义的undefined标识符到底是表示什么未定义？它和"undefined"(包括"在内)又有什么区别和联系呢？为什么有的时候可以使用undefined来和变量做比较，而有的时候又不行呢？
underfined和"undefined"的区别大家一眼就能看出来。在一般的认知下，我们认为undefined是JScript提供的一个"关键字"，而"undefined"却毫无悬念的就是一个字符串，只是引号内的内容长得和undefined一个样。undefined和"undefined"的区别虽然是十分明显的，但它们的联系也是紧密的。
仔细阅读JScript手册，其实这个underfined是一个"已定义"的Global值，而不是它的字面意义所表达的未定义。我们看下面这个代码示例，很有趣：


代码如下:

<script language="Javascript">
alert(undefined);
alert(variable);
</script>

执行的结果是：
我们稍微修改一下上面的代码，添加一个typeof调用来看看：


代码如下:

<script language="Javascript">
alert(typeof undefined);
alert(typeof variable);
</script>

这下结果应该是什么呢？显示"object"和"undefined"吗？当然不是了，两个alert调用都将显示"undefined"。
所以undefined是脚本引擎定义的一个常量，它在脚本引擎初始化完毕后存在。它的实际作用是用来表示一个已定义的变量的为初始化状态(uninitialized)，比如var i;，这时这个i的值就是undefined，而i是实实在在define了的，只是未初始化。这时我们就可以写这样的表达式来对i做判断，比如if ( i == undefined )。如果从未在代码中出现过的变量被使用，这时的未定义的概念就是不undefined所描述的未初始化了，而是说明该变量完全未被登记到脚本引擎的上下文中。使用类似if ( abc == undefined )的语句，将得到类似上图中的第二个错误提示。
在实际使用中，如果使用typeof来判断变量是否未定义，是可以完全兼容未定义(undefined)和未初始化(uninitialized)两种情况的，只是很多时我不喜欢使用 if ( typeof xxx == 'undefined' ) 这样的写法，因为literal的字符串容易拼写错误，对用习惯了的强类型语言的角度来看也显得不专业。
undefined:未定义 如声明一个变量而不赋值给它，或使用一个不存在的对象属性
null：空值 这个真的不好理解
好象是为了兼容以前的浏览器（IE4.0才有undefined吧）而把null和undefined认为是相同


代码如下:

<script language="javascript">
var msg="使用未声明的变量undef_x: ";
if(typeof(undef_x)=="undefined")msg+="undefined ";
else msg+="defined ";
msg+="\n";
msg+="声明变量后未赋值undef_null_x: ";
var undef_null_x;
if(typeof(undef_null_x)=="undefined")msg+="undefined ";else msg+="defined ";
if(undef_null_x==null)msg+="null ";else msg+="not null";
msg+="\n";
msg+="变量赋值null null_x: ";
var null_x=null;
if(typeof(null_x)=="undefined")msg+="undefined ";else msg+="defined ";
if(null_x==null)msg+="null ";else msg+="not null";
msg+="\n";
msg+="变量赋\"\"值 x: ";
var x="";
if(typeof(x)=="undefined")msg+="undefined ";else msg+="defined ";
if(x==null)msg+="null ";else msg+="not null";
alert(msg);
</script>

赞 (0)

相关推荐

  • JS基础之undefined与null的区别分析

    于是,细想之后,写下本文,请各位大侠拍砖. 总所周知: null == undefined 但是: null !== undefined 那么这两者到底有啥区别呢? null 这是一个对象,但是为空.因为是对象,所以 typeof null 返回 'object' . null 是 JavaScript 保留关键字. null 参与数值运算时其值会自动转换为 0 ,因此,下列表达式计算后会得到正确的数值: 表达式:123 + null结果值:123 表达式:123 * null结果值:0 und

  • JavaScript null和undefined区别分析

    一时间不好回答,特别是undefined,因为这涉及到undefined的实现原理.于是,细想之后,写下本文,请各位大侠拍砖. 总所周知:null == undefined 但是:null !== undefined 那么这两者到底有啥区别呢? 请听俺娓娓道来... null 这是一个对象,但是为空.因为是对象,所以 typeof null 返回 'object' . null 是 JavaScript 保留关键字. null 参与数值运算时其值会自动转换为 0 ,因此,下列表达式计算后会得到正

  • 区分JS中的undefined,null,"",0和false

    在程序语言中定义的各种各样的数据类型中,我们都会为其定义一个"空值"或"假值",比如对象类型的空值null,.NET Framework中数据库字段的空值DBNull,boolean类型的假值false等等.在JavaScript中也有很多种的"空值"和"假值",那么它们都有什么共同点和不同点呢? 其实标题里面我已经列出了JavaScript中所有的"空值"和"假值",除了boolean

  • js判断undefined类型,undefined,null, 的区别详细解析

    js判断undefined类型 今天使用showModalDialog打开页面,返回值时.当打开的页面点击关闭按钮或直接点浏览器上的关闭则返回值是undefined所以自作聪明判断 var reValue=window.showModalDialog("","","");   if (reValue== undefined){  alert("undefined"); } 发现判断不出来,最后查了下资料要用typeof 方法:

  • JavaScript中undefined和null的区别

     JavaScript中undefined和null的区别 JavaScript两个表示"无"的值:undefined和null.我在平时只是null用的多一点,undefined只是在报错中经常遇到.下面针对这两个数据类型的异同做一下详细的比较. 1.undefined和null在if语句中,都会被自动转为false,相等运算符直接报告两者相等. !null==!undefined==true 2.null表示"没有对象",即该处不应该有值.典型用法是: (1)

  • JavaScript Undefined，Null类型和NaN值区别

    一 Undefined 类型 只有一种值 undefined 以下三种情况typeof 返回类型为undefined 1. 当变量未初始化时 2. 变量未定义时 3. 函数无明确返回值时(函数没有返回值时返回的都是undefined) undefined 并不等同于未定义的值 typeof 并不真正区分是否是未定义 看以下示例代码: var oTemp; alert(typeof oTemp); // outputs "undefined" alert(typeof oTemp2);/

  • js null,undefined,字符串小结

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>null,undef

  • Javascript 中 null、NaN和undefined的区别总结

    1.类型分析: js中的数据类型有undefined,boolean,number,string,object等5种,前4种为原始类型,第5种为引用类型. 代码 复制代码 代码如下: var a1; var a2 = true; var a3 = 1; var a4 = "Hello"; var a5 = new Object(); var a6 = null; var a7 = NaN; var a8 = undefined; alert(typeof a); //显示"u

  • javascript中的undefined 与 null 的区别 补充篇

    之前我们发不过类似的文章JavaScript null和undefined区别分析 JavaScript Undefined,Null类型和NaN值区别 先说说undefined: Javascript中的变量是弱类型的(关于这个我想就不用我多解释啦), 所以声明变量的时候只需使用var关键字即可.如果是像C这样的强类型语言, 声明变量的时候如果没有指定初始值,那么会给他一个默认值,比如int变量的默认值是0.但是在Javascript这样的弱类型语言中,没有办法确定到底该给这样的变量一个什么样

  • javascript中的undefined 与 null 的区别  补充篇

    之前我们发不过类似的文章JavaScript null和undefined区别分析 JavaScript Undefined,Null类型和NaN值区别 先说说undefined: Javascript中的变量是弱类型的(关于这个我想就不用我多解释啦), 所以声明变量的时候只需使用var关键字即可.如果是像C这样的强类型语言, 声明变量的时候如果没有指定初始值,那么会给他一个默认值,比如int变量的默认值是0.但是在Javascript这样的弱类型语言中,没有办法确定到底该给这样的变量一个什么样

  • js中 关于undefined和null的区别介绍

    当声明一个变量未赋值一个变量没有声明的时候都是undefined类型的数据js变量在使用之前也必须先进行声明使用了一个未定义的变量x就会报错.如何判断一个变量是否能用: 第一种方法:if(typeof x=='undefined')var  n=100;n=new Date();n=null;null表示的是一个明确的已经知道的值,是一个空对象 第二种方法: if(typeof(y)!='undefined' && v!=null)//也可以判断一个变量是否可用 第三种方法: var  v

  • javascript中的undefined和not defined区别示例介绍

    经研究发现,两者之间有很大的区别,不知从英语讲,这两者都有啥区别,研究结果如下 测试os:ubuntu 测试浏览器:chrome 测试案例1 console.log(a) 报错 ReferenceError: a is not defined 测试案例2 var a console.log(a) 无报错,但是输出undefined 测试案例2 var b = {}; console.log(b.a) 无报错,但是输出undefined 测试案例3 function c() { } var d =

  • Javascript类型系统之undefined和null浅析

    前面的话 一般的程序语言,表示空的只有null,但javascript的设计者Brendan Eich却设计了一个undefined,这无疑增加了程序复杂度,但这样做也是有一定原因的.本文将详细介绍javascript中的undefined和null 历史原因 1995年JavaScript诞生时,最初像Java一样,只设置了null作为表示"无"的值.根据C语言的传统,null被设计成可以自动转为0 但是,JavaScript的设计者Brendan Eich,觉得这样做还不够,有两个

  • 一文让你彻底弄懂js中undefined和null的区别

    一文让你彻底弄懂js中undefined和null的区别

    目录 前言 一.基本概念 1.undefined 2.null 二.简单区别 三.表现形式 1.typeof 2.==与=== 3.Object.prototype.toString.call 4.+运算与Number() 5.JSON.stringify 6.letundefiend='test' 四.建议 附:null在类型判断时为什么是object 总结 前言 undefined 和 null 的区别是个老生常谈的话题了,之前我对二者的区别只是简单理解,例如二者转成 Boolean 类型都

  • 辨析JavaScript中的Undefined类型与null类型

    Undefined 表示变量已声明,但未被初始化.需要注意的是当使用typeof操作符判断数据类型时,未被声明的变量和未初始化的变量返回的值都为undefined var message; console.log(typeof message);//undefined console.log(typeof age);//undefined null:表示一个空对象指针 使用typeof操作符返回的值是'object',需要注意的是,undefined值是派生自null值的,因此ECMA-262规

  • JavaScript中值类型和引用类型的区别

    JavaScript中值类型和引用类型的区别

    JavaScript的数据类型分为两类:原始类型和对象类型.其中,原始类型包括:数字.字符串和布尔值.此外,JavaScript中还有两个特殊的原始值:null和undefined,它们既不是数字也不是字符串,更不是布尔值.它们通常分别代表了各自特殊类型的唯一成员.JavaScript中除了数字.字符串.布尔值.null和undefined之外的就是对象了. JavaScript中值类型和引用类型的区别 JavaScript中的值类型的值是不可变的: 任何方法都无法改变值类型的值.数字.布尔值.

  • JavaScript中递归实现的方法及其区别

    递归函数:递归函数是在通过名字调用自身的情况下构成的. 递归实现阶乘函数: 方法一:通过使用函数的名字 function factorial(num){ if(num<=1){ return 1; }else{ return num*factorial(num-1); } } console.log(factorial(4)); 结果为:24: 但是这种方法实现递归有一个问题,观察以下代码: function factorial(num){ if(num<=1){ return 1; }els

随机推荐