JavaScript中undefined和null的用法与区别

短命女 2022-05-16 04:22 280阅读 0赞

### **一、undefined** ###

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

var test;//undefined
    console.log(test == undefined);//true
    var test = undefined;//undefined

对于尚未声明过的变量使用typeof操作符检测其数据类型

typeof(test);//undefined

**【出现场景】**

【1】已声明未赋值的变量

【2】获取对象不存在的属性

【3】无返回值的函数的执行结果

【4】函数的参数没有传入

【5】void(expression)

var i;
    console.log(i);//undefined
    
    var o = {};
    console.log(o.p);//undefined
    
    function f(){};
    console.log(f());//undefined
    
    function f(x){return x;}
    console.log(f());//undefined
    
    console.log(void(0));//undefined

**【类型转换】**

Boolean(undefined):　 //false
    
    Number(undefined):　 //NaN
    
    String(undefined):　　//'undefined'

### **二、null** ###

Null类型只有一个值，就是null。null是javascript语言的关键字，它表示一个特殊值，常用来描述"空值"

逻辑角度看，null值表示一个空对象指针

\[注意\]null是空对象指针，而\[\]是空数组，\{\}是空对象，三者不相同

console.log(typeof null); //'object'

尽管null和undefined是不同的，但它们都表示"值的空缺"，null表示"空值"，undefined表示"未定义"。两者往往可以互换。判断相等运算符==认为两者是相等的

console.log(null == undefined);//true

实际上，因为undefined和null不是构造器类型，所以它们没有任何的属性和方法，使用.和\[\]来存取这两个值的成员或方法都会产生一个类型错误

**【类型转换】**

Boolean(null): 　　//false
    
    Number(null):　　 //0
    
    String(null): 　　 //'null'

ECMAScript认为undefined是从null派生出来的，所以把它们定义为相等的。但是，如果在一些情况下，我们一定要区分这两个值，那应该怎么办呢？可以使用下面的两种方法。

alert(null === undefined); // "false"  
    alert(typeof null == typeof undefined); // "false"

使用typeof方法在前面已经讲过，null与undefined的类型是不一样的，所以输出"false"。而===代表绝对等于，在这里null === undefined输出false。

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript中表示空的undefined与null的区别及用法

信很多同学都说不出来undefined与null有什么区别今天这里总结一下JavaScript中表示空的undefined与null的区别相似 undef...

灰太狼/ 2024年04月18日 06:32/ 0 赞/ 67 阅读

相关 JavaScript undefined 与 null 的区别

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

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

相关 JavaScript中的null和undefined

null和undefined都表示值的空缺 null 是JavaScript语言的关键字，undefined 不是JavaScript语言的关键字 null

偏执的太偏执、/ 2022年12月03日 01:32/ 0 赞/ 205 阅读

相关在javascript中null和undefined的比较和区别

[JavaScript中的undefined与null][JavaScript_undefined_null] 直接上代码和截图 //在javascript中nul

谁借莪１个温暖的怀抱￠/ 2022年11月06日 02:57/ 0 赞/ 142 阅读

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

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

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

相关 JavaScript中null和undefined的比较和区别

在JavaScript中很经常就会出现null和undefined这几种结果，今天就详细的介绍一下null和undefined的定义和区别。 null根据其名字就可以大致看出

偏执的太偏执、/ 2022年09月24日 11:20/ 0 赞/ 249 阅读

相关 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 阅读