javaScript中undefined与null的区别以及undefined的历史来龙去脉

短命女 2022-11-06 02:53 191阅读 0赞

[undefined与null的区别(来龙去脉很详细)][undefined_null]

**直接上代码和截图**

能认真看完的都是优秀的人，共勉！

<script type="text/javascript">
    //undefined与null的区别以及undefined的历史来龙去脉
    //在JavaScript中，将一个变量赋值为undefined或null，老实说，几乎没区别。
    //如下这两种写法几乎等价
    var a = undefined;
    var b = null;
    console.log(a, b); //undefined null
    
    //undefined和null在if语句中，都会被自动转为false
    if(!undefined) {
    	console.log("undefined is false");
    }
    
    if(!null) {
    	console.log("null is false");
    }
    
    //奇怪了，如下的undefined和null却没有自动转为false
    console.log(false == false, true == true);//true true
    console.log(false === false, true === true);//true true
    console.log("*********************************");
    console.log(undefined, undefined == false);//undefined false
    console.log(undefined, false == undefined);//undefined false
    console.log(undefined, undefined == true);//undefined false
    console.log(undefined, true == undefined);//undefined false
    console.log(null, null == false);//null false
    console.log(null, false == null);//null false
    console.log(null, null == true);//null false
    console.log(null, true == null);//null false
    
    //undefined == null返回true
    console.log("***" + (undefined == null));//***true
    //undefined === null返回false，由此可知，undefined和null这两者的数据类型不同(即这两者不是同一种数据类型)
    console.log("###" + (undefined === null));//###false
    
    console.log(undefined == 0, undefined === 0);//false false
    console.log(undefined == 1, undefined === 1);//false false
    
    console.log(null == 0, null === 0);//false false
    console.log(null == 1, null === 1);//false false
    
    console.log(false == 1, false === 1);//false false
    console.log(false == 0, false === 0);//true false
    
    console.log(true == 1, true === 1);//true false
    console.log(true == 0, true === 0);//false false
    console.log(true == 666, true === 666);//false false
    
    //非零即真(非零即true)，0即false
    if(666) {
    	console.log("**真**");//**真**
    }
    if(-888) {
    	console.log("##真##");//##真##
    }
    if(1) {
    	console.log("￥￥真￥￥");//￥￥真￥￥
    }
    //0即false
    if(0) {
    	console.log("$$真$$"); //这句不会打印出来
    }
    
    //null可以自动转为0
    console.log(Number(null));//0
    console.log(null + 235, 66 + null, 3 + null + 5);//235 66 8
    
    /*
    JavaScript的最初版本是这样区分的：null是一个表示"无"的对象，转为数值时为0,
    undefined是一个表示"无"的原始值，转为数值时为NaN。
    */
    console.log(Number(undefined));//NaN
    console.log(8 + undefined);//NaN
    
    //目前，null和undefined基本是同义的，只有一些细微的差别。
    /*
    null表示"没有对象"，即该处不应该有值。典型用法是：
    (1)作为函数的参数，表示该函数的参数不是对象。
    (2)作为对象原型链的终点。
    */
    function fun1(p){
    	console.log(p);
    }
    fun1(null);//打印出null
    
    function fun2(){
    	console.log("传递了" + arguments.length + "个参数进来，参数值如下：");
    	for (var index = 0; index < arguments.length; index++) {
    		console.log(arguments[index]);
    	}
    }
    fun2();
    console.log("**********");
    fun2(null);
    console.log("**********");
    fun2("令狐冲", 66, 88.88, null);
    
    /*
    undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是：
    (1)变量被声明了，但没有赋值时，就等于undefined。
    (2)调用函数时，应该提供的参数没有提供，该参数等于undefined。
    (3)对象没有赋值的属性，该属性的值为undefined。
    (4)函数没有返回值时，默认返回undefined。
    */
    
    //变量被声明了，但没有赋值时，就等于undefined。
    var i;
    console.log(i); //undefined
    
    //调用函数时，应该提供的参数没有提供，该参数等于undefined。
    function fun3(p) {
    	console.log(p);
    }
    fun3(); //undefined
    
    //对象没有赋值的属性，该属性的值为undefined。
    var obj = new Object();
    console.log(obj.aaa);//undefined
    
    //函数没有返回值时，默认返回undefined。
    function fun4() {
    	console.log("我是fun4函数");
    }
    var f = fun4();
    console.log(f); //undefined
    
    
    var str1 = "江西省赣州市于都县";
    console.log(str1.length); //9
    str1 = null;
    // console.log(str1.length); //Uncaught TypeError: str1 is null
    str1 = undefined;
    // console.log(str1.length); //Uncaught TypeError: str1 is undefined
    
    var roleNames = new Array("令狐冲", "韦小宝", "张无忌", "杨过", "段誉");
    console.log(roleNames.length); //5
    roleNames = null;
    // console.log(roleNames.length); //Uncaught TypeError: roleNames is null
    roleNames = undefined;
    console.log(roleNames.length); //Uncaught TypeError: roleNames is undefined
    
    </script>

**运行结果如下：**

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70][]

![20210307185029797.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70 1][]

[undefined_null]: http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70]: /images/20221023/1ecfabca641540b4bc9b9e81a5db7396.png
[20210307185029797.png]: /images/20221023/606e573612ce49cdbfaa979d4d554dcd.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2N6aDUwMA_size_16_color_FFFFFF_t_70 1]: /images/20221023/32617e46501c4d11880ab46fdcf144b7.png

发表评论取消回复

表情：

评论列表（有 0 条评论，191人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS中Null与Undefined的区别

JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑，在什么时候是Null，什么时候又是Un...

超、凢脫俗/ 2024年04月17日 16:50/ 0 赞/ 96 阅读

相关 JS中Null与Undefined的区别

![31a08c41bd31348be59e8df8ad72d193.jpeg][] 在JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常

痛定思痛。/ 2024年04月01日 19:10/ 0 赞/ 108 阅读

相关 undefined与null的区别

1.相似性在JavaScript中，将一个变量赋值为undefined或null，老实说，几乎没区别。 undefined和null在if语句中，都会被自动转为fals

曾经终败给现在/ 2023年10月09日 12:54/ 0 赞/ 24 阅读

相关 JavaScript undefined 与 null 的区别

阅读目录阐述一、相似性二、历史原因三、最初设计四、目前的用法 null 表示"没有对象"，即该处不应该有值。典型用法是

系统管理员/ 2023年10月06日 22:20/ 0 赞/ 20 阅读

相关 javaScript中undefined与null的区别以及undefined的历史来龙去脉

[undefined与null的区别(来龙去脉很详细)][undefined_null] 直接上代码和截图能认真看完的都是优秀的人，共勉！ <script t

短命女/ 2022年11月06日 02:53/ 0 赞/ 192 阅读

相关 JavaScript中null和undefined的区别

在JavaScript中，将一个变量赋值为undefined或null，老实说，几乎没区别。 undefined == null // true 但是如果要用严格相

╰半夏微凉°/ 2022年08月09日 02:08/ 0 赞/ 250 阅读

相关 JavaScript中undefined和null的用法与区别

一、undefined 　　undefined类型只有一个值，就是undefined。当声明的变量未初始化时，该变量的默认值是undefined。所以一般地，undefi

短命女/ 2022年05月16日 04:22/ 0 赞/ 281 阅读

相关 [JavaScript]JavaScript中undefined和null的区别

JavaScript中undefined和null的区别 JavaScript两个表示”无”的值：`undefined`和`null`。我在平时只是null用的多一点，u

偏执的太偏执、/ 2022年05月08日 03:16/ 0 赞/ 309 阅读

相关 javascript中null和undefined的区别？

1.类型不一样： typeof (undefined); //undefined typeof(null); //object 2.转化为

绝地灬酷狼/ 2022年03月11日 16:10/ 0 赞/ 326 阅读

相关 JavaScript中0, "", null, false, undefined的区别

`JavaScript`中`0, "", null, false, undefined`返回的`Boolean`类型均为`false`。然而它们所指的并不是同一个概念，需要加以

朱雀/ 2021年06月26日 16:06/ 0 赞/ 546 阅读