javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > undefined null 区别

undefined==null引发的两者区别与联系

作者:

undefined==null引发的两者区别与联系
貌似以前也看过null==undefined,null!==undefined,但也一直没有在意。

近日看过去别人的一程序源码,到处都有一些如if(x!=undefined&&x!=null&&x!="")之类的判断,突然觉得写的很啰嗦,俺一般都直接if(x){}因为不论null、undefined、""在条件判断中其实都是false,何需如此啰嗦?(不过要注意如果你的x==0也是合法值的话就不能使用if(x){}来做条件判断了)

为了证明这种多余,俺也特意做了以下测试:
var a;
alert(x)
if(x==null){
    alert('failed')
}

其中x为一个未初始化的变量,即undefined。
运行以上代码:先后弹出undefined和failed,说明x==null是符合条件的。

我们可以直接alert(null==undefined)其实也可以发现返回了true。

这都说明进行x==null||x==undefined或x!=null&&x!=undefined之类的写法纯属多余!

一般只需判断null或undefined一个即可。

在javascript中什么情况出现下面三种情况:   null   undefined  “ ”

   文件1:null_undefined.html
   文件2:null_undefined.js
1
null_undefined.html
【见文章评论一】 

null_undefined.js

   var test = function()
{
         alert(window.aiter2008);                                    //弹出undefined      window空间中没有aiter2008这个变量
         alert(document.getElementById("test_text1111"));              //null                在上面的null_undefined.html文件中没有test_text1111元素
         var testText = document.getElementById("test_text").value;      // test_text输入框中没有输入任何元素
         alert(testText=="");                                          //true
         alert(testText==null);                                        //false
}

这次测试可以得到结论:
     一个对象中没有指定的变量,而要使用,会出现   undefined
     Html中没有的元素,通过document.getElementById("")查找的结果为:   null
     Html中有的元素,但是没有任何值,通过document.getElementById("")查找的结果为:” ”; 不是null
2    null_undefined.html文件不变
null_undefined.js
   var test = function()
{
         var testText = document.getElementById("test_text");
         var testName = testText.name;
         var testUn = testText.name11;
     alert("test_text's name::"+testName);      // test_text's name:: test_text
         alert("test_text's name11:::"+testUn);       // test_text's name11:::undefined
}                                             
结论
    一个对象没有的属性,调用会出现: undefied  这和调用window的aiter2008属性一样

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>

    执行的结果是: 

   undefined.png
我们稍微修改一下上面的代码,添加一个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的字符串容易拼写错误,对用习惯了的强类型语言的角度来看也显得不专业。


您可能感兴趣的文章:
阅读全文