在 JavaScript 中，数据类型是编程的基础，而理解不同类型之间的比较机制对于编写清晰、高效的代码至关重要。本文将详细介绍 JavaScript 的数据类型，并重点解释原始类型和引用类型在值比较时的区别。
1. JavaScript 数据类型概述
JavaScript 的数据类型可以分为两大类：原始数据类型（Primitive Types）和引用数据类型（Reference Types）。
1.1 原始数据类型
原始数据类型是不可变的，存储在栈内存中，直接存储数据值。它们包括以下几种：
String：表示文本数据，例如"Hello, world!"。Number：表示数字，包括整数和浮点数，例如42或3.14。Boolean：表示逻辑实体，只有两个值：true和false。Undefined：表示变量已声明但未初始化，即没有赋予具体的值。Null：表示一个空值，是一个特殊的值，表示“无”。Symbol（ES6 新增）：表示一个唯一的、不可变的数据类型，常用于对象属性的键。BigInt（ES2020 新增）：用于表示大于2^53 - 1的整数。
1.2 引用数据类型
引用数据类型是可变的，存储在堆内存中，变量存储的是指向实际数据的引用（内存地址）。常见的引用数据类型包括：
Object：表示一个无序的键值对集合，是最基本的引用类型，例如{ name: "Kimi", age: 25 }。Array：表示一个有序的列表，例如[1, 2, 3]。虽然数组是一种特殊的对象，但在 JavaScript 中通常单独归类。Function：表示函数，也是对象的一种，例如function greet() { console.log("Hello!"); }。- 其他内置对象：如
Date、RegExp等。
1.3 如何判断数据类型
-
使用
typeof操作符可以判断原始数据类型，但对引用数据类型（除了Function）都会返回"object"。 -
使用
Object.prototype.toString.call(value)可以准确判断所有数据类型。例如：Object.prototype.toString.call('hello'); // "[object String]" Object.prototype.toString.call([1, 2, 3]); // "[object Array]" Object.prototype.toString.call({}); // "[object Object]"
2. 原始类型与引用类型的差异
2.1 存储位置
- 原始类型：存储在栈内存中，直接存储数据值。
- 引用类型：存储在堆内存中，变量存储的是指向实际数据的引用（内存地址）。
2.2 内存回收
- 原始类型：变量离开作用域后自动回收。
- 引用类型：需要垃圾回收机制来清理。
2.3 值比较
这是原始类型和引用类型最显著的区别之一。
2.4 原始类型比较：值是否相等
对于原始类型，比较操作是基于它们的实际值进行的。也就是说，只有当两个值完全相同时，比较结果才为true。
示例
let a = 10;
let b = 10;
console.log(a === b); // true，因为a和b的值都是10
let c = 'hello';
let d = 'hello';
console.log(c === d); // true，因为c和d的值都是字符串"hello"
let e = true;
let f = true;
console.log(e === f); // true，因为e和f的值都是布尔值true
在这些例子中，a 和 b、c 和 d、e 和 f 都是直接比较它们的值是否相等。如果值相同，结果为 true；否则为 false。
2.5 引用类型比较：内存地址是否相同
对于引用类型，比较操作是基于它们的内存地址进行的。即使两个对象的内容完全相同，只要它们不是指向同一个内存地址，比较结果就会是false。
示例
let obj1 = { name: 'Kimi' };
let obj2 = { name: 'Kimi' };
console.log(obj1 === obj2); // false
在这个例子中，虽然 obj1 和 obj2 的内容相同（都是{ name: "Kimi" }），但它们是两个独立的对象，存储在不同的内存地址中。因此，比较它们的结果是 false。
再看一个例子
let obj1 = { name: 'Kimi' };
let obj2 = obj1; // obj2和obj1指向同一个对象
console.log(obj1 === obj2); // true
在这个例子中，obj2 是通过 obj1 赋值的，所以 obj2 和 obj1 指向同一个内存地址。因此，比较它们的结果是 true。
3. 总结
理解 JavaScript 中原始类型和引用类型的区别，以及它们在值比较时的行为，对于编写清晰、高效的代码至关重要。以下是关键点总结：
- 原始类型是不可变的，存储在栈内存中，比较时直接比较值是否相等。
- 引用类型是可变的，存储在堆内存中，比较时比较的是内存地址是否相同。
- 使用
Object.prototype.toString.call(value)可以准确判断数据类型。