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


Posted in Javascript onMarch 17, 2010

之前三水点靠木发不过类似的文章
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>
Javascript 相关文章推荐
关于JAVASCRIPT urldecode URL解码的问题
Jan 08 Javascript
jQuery 获取浏览器所在的IP地址的小例子
Nov 08 Javascript
jQuery在iframe中无法弹出对话框的解决方法
Jan 12 Javascript
关于JavaScript中name的意义冲突示例介绍
May 29 Javascript
JavaScript中统计Textarea字数并提示还能输入的字符
Jun 10 Javascript
jquery插件推荐浏览器嗅探userAgent
Nov 09 Javascript
jQuery+正则+文本框只能输入数字的实现方法
Oct 07 Javascript
老生常谈js中0到底是 true 还是 false
Mar 08 Javascript
ES6 Promise对象概念与用法分析
Apr 01 Javascript
浅析JavaScript中的特殊数据类型
Dec 15 Javascript
vue 做移动端微信公众号采坑经验记录
Apr 26 Javascript
vue下axios拦截器token刷新机制的实例代码
Jan 17 Javascript
javascript+iframe 实现无刷新载入整页的代码
Mar 17 #Javascript
js select常用操作控制代码
Mar 16 #Javascript
js实现的日期操作类DateTime函数代码
Mar 16 #Javascript
javascript json2 使用方法
Mar 16 #Javascript
jQuery 选择器理解
Mar 16 #Javascript
jQuery 学习入门篇附实例代码
Mar 16 #Javascript
Jquery Ajax学习实例4 向WebService发出请求,返回实体对象的异步调用
Mar 16 #Javascript
You might like
《PHP边学边教》(02.Apache+PHP环境配置――上篇)
2006/12/13 PHP
PHP XML操作的各种方法解析(比较详细)
2010/06/17 PHP
php简单实现数组分页的方法
2016/04/30 PHP
PHP简单实现模拟登陆功能示例
2017/09/15 PHP
PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】
2017/09/15 PHP
php 与 nginx 的处理方式及nginx与php-fpm通信的两种方式
2018/09/28 PHP
XML+XSL 与 HTML 两种方案的结合
2007/04/22 Javascript
JavaScript 基本概念
2015/01/20 Javascript
详解javascript传统方法实现异步校验
2016/01/22 Javascript
AngularJS入门教程之控制器详解
2016/07/27 Javascript
基于js文件加载优化(详解)
2018/01/03 Javascript
前后端如何实现登录token拦截校验详解
2018/09/03 Javascript
vue中npm包全局安装和局部安装过程
2019/09/03 Javascript
vue组件开发之tab切换组件使用详解
2020/08/21 Javascript
浅谈鸿蒙 JavaScript GUI 技术栈
2020/09/17 Javascript
使用jQuery实现购物车
2020/10/29 jQuery
jQuery-App输入框实现实时搜索
2020/11/19 jQuery
[05:02]2014DOTA2 TI中国区预选赛精彩TOPPLAY第三弹
2014/06/25 DOTA
python浪漫表白源码
2019/04/05 Python
Python可变和不可变、类的私有属性实例分析
2019/05/31 Python
Python enumerate函数遍历数据对象组合过程解析
2019/12/11 Python
PyTorch 对应点相乘、矩阵相乘实例
2019/12/27 Python
Python json模块与jsonpath模块区别详解
2020/03/05 Python
伦敦一家非常流行的时尚精品店:Oxygen Boutique
2017/01/15 全球购物
泰国最新活动和优惠:Megatix
2020/05/07 全球购物
大学生农村教师实习自我鉴定
2013/09/21 职场文书
办公室内勤岗位职责范本
2013/12/09 职场文书
职业生涯规划书的格式
2013/12/29 职场文书
工业学校毕业生自荐信范文
2014/01/03 职场文书
关爱留守儿童标语
2014/06/18 职场文书
征兵宣传标语
2014/06/20 职场文书
检查机关党的群众路线个人整改措施
2014/10/04 职场文书
群众路线批评与自我批评发言稿
2014/10/16 职场文书
2014年会计工作总结
2014/11/27 职场文书
python - asyncio异步编程
2021/04/06 Python
永中文档在线转换预览基于nginx配置部署方案
2022/06/10 Servers