JS 类型检测：深入理解基本类型和引用类型的检测

前端

2023-07-05 16:33:25

JS 类型检测入门：深入了解 JS 数据类型

什么是类型检测？

在 JavaScript 中，类型检测是一种确定变量或值类型的过程。它对于确保代码正确执行和数据一致性至关重要。JS 中有两种主要的数据类型：基本类型和引用类型。

JS 基本类型

基本类型包括：

布尔型（Boolean）：真或假
数字型（Number）：整数、小数、浮点数
字符串型（String）：一串字符
空值（Null）：表示不存在的值
未定义（Undefined）：表示变量尚未赋值

JS 引用类型

引用类型包括：

对象（Object）：键值对的无序集合
数组（Array）：有序元素集合
函数（Function）：可被调用的代码块

JS 类型检测方法

1. typeof 运算符

typeof 运算符可检测基本类型和某些引用类型的值。它的语法为：

typeof variable_or_value;

例如：

typeof true; // "boolean"
typeof 123; // "number"
typeof "Hello"; // "string"
typeof null; // "object"
typeof undefined; // "undefined"

注意：typeof 运算符对引用类型的值始终返回 "object"。

2. instanceof 运算符

instanceof 运算符可检测一个对象是否是某个类的实例。它的语法为：

object instanceof class_name;

例如：

let obj = {};
obj instanceof Object; // true
let arr = [];
arr instanceof Array; // true
let func = function() {};
func instanceof Function; // true

3. Object.prototype.toString.call() 方法

Object.prototype.toString.call() 方法可检测任何类型的值。它的语法为：

Object.prototype.toString.call(value);

例如：

Object.prototype.toString.call(true); // "[object Boolean]"
Object.prototype.toString.call(123); // "[object Number]"
Object.prototype.toString.call("Hello"); // "[object String]"
Object.prototype.toString.call(null); // "[object Null]"
Object.prototype.toString.call(undefined); // "[object Undefined]"
Object.prototype.toString.call({}); // "[object Object]"
Object.prototype.toString.call([]); // "[object Array]"
Object.prototype.toString.call(function() {}); // "[object Function]"