JavaScript基本数据类型详解：Undefined、Null与Boolean

JavaScript基本数据类型概述

概述

在ECMAScript标准中，存在5种基础数据类型（亦称简单数据类型），它们分别是：Undefined、Null、Boolean、Number以及String。

Undefined类型的特性与场景

关于Undefined类型

Undefined是全局对象的一个属性，该类型仅包含一个唯一的值：undefined。如果在代码中使用var关键字声明了一个变量但未进行初始化赋值，该变量的默认值即为undefined。

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

对于尚未声明过的变量，唯一允许执行的操作是使用typeof操作符来检测其数据类型。

 //var a 
console.log(typeof a); //undefined

undefined值通常出现在以下几种典型场景中：

1、变量已声明但未被赋予初始值。

2、使用typeof操作符检测一个未声明的变量时。

3、函数执行后没有显式返回值的情况。

4、调用函数时未传入实际参数，导致形参为undefined。

5、使用void操作符对表达式进行求值。

//1、
 var test;
 console.log(test); //undefined
 //2、
 //var a 
 console.log(typeof a); //undefined
 //3、
 function f(){}
 console.log(f()); //undefined
 //4、
 function f(x){
 return x;
 }
 console.log(f()); //undefined
 //5、
 console.log(void(0)); //undefined

严格相等运算符与undefined的检测

可以通过严格相等（===）或严格不等（!==）运算符来判断一个变量是否拥有实际值。

var x ;
 if(x === undefined){
 console.log(1);
 }else{
 console.log(2);
 }

关键点：此处必须使用严格相等判断，因为在非严格模式下，null == undefined的结果为true，这可能导致误判。

void操作符与undefined的关系

在代码逻辑中，可以使用void操作符来替代直接使用undefined字面量。

var x ;
 if(x === void(0)){
 console.log(1);
 }else{
 console.log(2);
 }

Null类型的语义与底层原理

关于Null类型

Null是第二种仅包含单一值的数据类型，其唯一值为null。从语义逻辑角度理解，null代表一个空对象的引用指针。当函数参数期望接收一个对象，但实际并未引用任何具体对象时，通常传入null。

console.log(document.getElementById('ol')); //null

注意事项：

console.log(typeof null); //object

产生上述现象的原因在于，null值在语义上表示空对象指针，因此使用typeof检测其数据类型时，结果必然返回'object'。

从底层实现机制来看，不同的对象在内存中均以二进制形式存储。在JavaScript引擎中，如果二进制表示的前三位均为0，则该值被判断为object类型。由于null的二进制表示全为0，所以执行typeof null时返回'object'。

null与undefined的区别

null和undefined虽然不同，但都表示空值概念。其中，null明确表示“空值”，而undefined表示“未定义”。

typeof null // object 
 typeof undefined // undefined
 null === undefined // false
 null == undefined // true
 null === null // true
 null == null // true
 !null //true
 isNaN(1 + null) // false
 isNaN(1 + undefined) // true

Boolean类型的字面值与转换

关于Boolean类型

Boolean是ECMAScript中使用频率最高的一种数据类型，该类型仅包含两个字面值：true和false。

需要特别注意：Boolean类型的字面值true和false是严格区分大小写的。

尽管Boolean类型只有两个字面值，但ECMAScript中所有其他类型的值都可以转换为对应的Boolean值。若要显式将一个值转换为Boolean类型，可以调用转型函数Boolean()。

var message = 'hello world';
var messageBoolean = Boolean(message);
console.log(messageBoolean); //true

各类值转换为Boolean的对应关系如下表所示：

以上内容涵盖了JavaScript基本类型中Undefined、Null和Boolean的核心知识点，希望能为读者的学习或工作提供有益参考，欢迎继续支持本站获取更多技术内容。