JavaScript基本数据类型与包装类型详解

结果与目标

明确区分 JavaScript 中按值访问的基本类型与按址访问的引用类型，掌握 Undefined 与 Null 的应用场景，以及了解包装对象如何允许基本类型调用方法。

准备条件

存储机制对比： 为了提升查询速度并适应数据特征，JS 引擎采用不同的内存策略：

• 栈（Stack）： 存储原始类型（Undefined, Null, Boolean, Number, String）。其空间固定且简单，直接按值访问。
• 堆（Heap）： 存储引用类型。由于值大小可变，变量处仅保存一个指向内存对象的指针，按址访问。引用类型的属性可增删改，而基本类型不支持添加属性和方法。

真实操作顺序

第1步：处理 Undefined 类型

目的： 识别未初始化的变量或函数缺省返回值。
现象： 类型为 undefined，在逻辑比较中视为空值。
关键参数： 声明但未赋值的变量默认为此值。

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

出现场景：

1. 已声明但未赋值。
2. 访问对象不存在的属性。
3. 无返回值的函数执行结果。
4. 函数定义时包含形参但调用时未传入。
5. 使用 void(expression) 表达式。

类型转换：

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

第2步：处理 Null 类型

目的： 表示“空对象指针”。当变量准备用于保存对象时，通常初始化为 null。
特性： 从派生关系看，undefined == null 为真。注意区分：null 是空对象指针，[] 是空数组，{} 是空对象。

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

出现场景： 对象尚未创建或不存在时。
类型转换：

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

注意：因 undefined 和 null 非构造器，不可为其添加自定义属性。

第3步：解析包装类型（Wrapper Types）

目的： 解释为何可以对字符串等原始值调用方法。
原理： 每当读取基本类型值时，后台自动实例化对应的包装类（Boolean, Number, String），使调用成为可能。该对象仅在代码行执行瞬间存在，随后被销毁。

操作步骤演示：

var s1 = 'some text';
var s2 = s1.substring(2);
/* 内部发生的三个步骤：
   1. var s1 = new String('some text'); // 创建实例
   2. var s2 = s1.substring(2);        // 调用方法
   3. s1 = null;                       // 销毁实例 */

生存期区别： 使用 new 创建的引用类型实例会一直保留到作用域结束；自动创建的包装对象仅存在于一行代码的执行瞬间。因此，无法在运行时通过动态方式给基本类型永久添加属性：

var s1 = 'some text';
s1.color = 'red';
alert(s1.color); // undefined，因为临时对象已销毁

第4步：显式创建与类型转换

显式创建方式： (注：开发中建议使用字面量，避免混淆)
1. Object() 方式：如 var s = new Object('abc');
2. 构造函数方式：如 var s = new String('abc');

转型函数 vs 构造函数： Number() 产生基本数值，new Number() 产生对象。

var value = '25';
var number = Number(value);    // typeof -> 'number'
var obj = new Number(value);   // typeof -> 'object'

第5步：布尔型（Boolean）操作

目的： 进行条件判断和逻辑运算。
场景： 条件语句隐式转换，或直接赋值 true/false。
类型转换：

Number(true) // 1
String(true) // 'true'

转为 Boolean 的判断依据：

• Falsy 值：undefined, null, 0, NaN, '' (空字符串)。
• Truthy 值：所有其他值（包括非空对象、非空数组[]、空对象{}、空格字符串）。

继承方法：

true.valueOf()     // boolean 'true'（返回基本类型值）
true.toString()    // string 'true'

完成判断

若能够准确区分 undefined 与 null 的使用语境，并能解释包装对象的生命周期以消除对“对象属性丢失”的误解，即代表掌握了 JS 基础数据类型的核心概念。

简要总结

以上就是JavaScript类型系统之基本数据类型与包装类型的详细内容，更多关于JavaScript基础知识的相关文章请关注本站其它相关文章！