在 JavaScript 中理解值类型和引用类型

2023-09-17 01:22:13

认识 JavaScript 中的不同数据类型

JavaScript 作为一门弱类型的语言，在脚本生命周期内，变量保存的值是可以改变的。如我们初始化定义一个变量值为数字（var a = 1;），若进行改变它值的操作（a = a + '个';），这个变量值就会转换为字符串类型（alert(a); // "1个"）。为理解类似的问题，了解 JavaScript 的数据类型是非常重要的。在 JavaScript 中，数据类型分为值类型和引用类型，让我们深入探讨一下它们的差异和特点。

值类型

顾名思义，值类型变量存储的是值本身，而不是对值的引用。换句话说，当一个值类型变量被赋值时，值的副本被存储在该变量中。对该变量的任何修改都不会影响原始值。

在 JavaScript 中，值类型包括：

数值（number）：整数、小数、浮点数等。
字符串（string）：由一组字符组成的序列。
布尔值（boolean）：true 或 false。
null：表示空值。
undefined：表示未定义的值。

引用类型

引用类型变量存储的是对值的引用，而不是值本身。当一个引用类型变量被赋值时，存储的是该值的内存地址。对该变量的任何修改都会影响原始值。

在 JavaScript 中，引用类型包括：

对象（object）：一组键值对的集合，用于存储数据。
数组（array）：一个有序的值的集合，使用索引访问。
函数（function）：一个可以被调用的代码块。

值类型和引用类型的比较

下表总结了值类型和引用类型之间的主要区别：

特性	值类型	引用类型
值存储方式	值的副本	对值的引用
对变量的修改	不会影响原始值	会影响原始值
数据类型	数值、字符串、布尔值、null、undefined	对象、数组、函数

如何在 JavaScript 中确定变量的类型

可以使用 JavaScript 内置的 typeof 运算符来确定变量的类型。typeof 运算符返回一个字符串，表示变量的类型。例如：

typeof 1; // "number"
typeof "hello"; // "string"
typeof true; // "boolean"
typeof null; // "object"
typeof undefined; // "undefined"
typeof []; // "object"
typeof {}; // "object"
typeof function() {}; // "function"