IsPrimitive和IsObject：精细区分JavaScript基本类型与引用类型

2023-10-05 03:12:34

如今的JavaScript无处不在，前端、后端、移动端、桌面端的身影都有它的参与。作为开发者，我们经常处理各种类型的数据，而根据数据类型的不同，执行操作的方式也大相径庭。JavaScript中存在两种主要的数据类型：基本类型和引用类型。了解它们的不同至关重要，这可以帮助我们更好地理解和操作数据。

什么是基本类型？

基本类型是数据在内存中独立占有一块空间，值本身存储在该内存空间中。这意味着每个基本类型变量都直接保存着该数据的值，而非指向该数据的引用。JavaScript中的基本类型包括：字符串、数字、布尔值、undefined、null和Symbol。

什么是引用类型？

引用类型是数据在内存中不会直接保存值本身，而是保存一个引用（即指针），该引用指向保存该值的内存地址。这意味着引用类型变量存储的不是数据的值，而是该数据在内存中的位置。JavaScript中的引用类型包括：对象、数组、函数和正则表达式。

isPrimitive和isObject的登场

在JavaScript中，我们可以使用两个内置方法来区分基本类型和引用类型，它们就是isPrimitive和isObject。

isPrimitive

isPrimitive方法用于检测数据是否属于基本类型，即上述列出的6种类型（字符串、数字、布尔值、undefined、null和Symbol）。

console.log(isPrimitive(123)); // true
console.log(isPrimitive('abc')); // true
console.log(isPrimitive(true)); // true
console.log(isPrimitive(undefined)); // true
console.log(isPrimitive(null)); // true
console.log(isPrimitive(Symbol('foo'))); // true

console.log(isPrimitive([])); // false
console.log(isPrimitive({})); // false
console.log(isPrimitive(function() {})); // false

isObject

isObject方法用于检测数据是否属于引用类型，即上述列出的4种类型（对象、数组、函数和正则表达式）。

console.log(isObject({})); // true
console.log(isObject([])); // true
console.log(isObject(function() {})); // true
console.log(isObject(/abc/)); // true

console.log(isObject(123)); // false
console.log(isObject('abc')); // false
console.log(isObject(true)); // false
console.log(isObject(undefined)); // false
console.log(isObject(null)); // false
console.log(isObject(Symbol('foo'))); // false