typeof 和 instanceof 操作符的细微区别

2023-11-15 21:29:51

导言

typeof 和 instanceof 操作符是 JavaScript 中用于确定数据类型的重要工具。虽然这两个操作符通常用来检查变量的类型，但它们在实现机制和具体应用方面存在着微妙的差异。本文将深入探讨 typeof 和 instanceof 操作符之间的区别，以便您能够充分利用它们。

typeof 操作符

typeof 操作符返回一个字符串，指示指定变量的数据类型。它可以应用于任何 JavaScript 值，包括原始类型（例如字符串、数字、布尔值、null 和 undefined）和引用类型（例如对象、数组和函数）。

typeof 操作符的返回值有以下几种可能：

"string"：字符串类型
"number"：数字类型
"boolean"：布尔类型
"undefined"：未定义类型
"object"：引用类型（包括 null）
"function"：函数类型

值得注意的是，typeof 操作符将 null 视为对象，而不是单独的数据类型。这是 JavaScript 中一个常见的功能，因为它允许 null 与其他引用类型以一致的方式进行比较和操作。

instanceof 操作符

instanceof 操作符用于检查一个对象是否属于某个类的实例。它将左侧操作数（一个对象）与右侧操作数（一个类或函数）进行比较。

如果左侧对象是右侧类或函数的实例，则 instanceof 操作符返回 true。否则，它返回 false。

typeof 和 instanceof 的区别

虽然 typeof 和 instanceof 操作符都用于检查数据类型，但它们之间的主要区别在于：

typeof 检查基本数据类型，而 instanceof 检查对象类型。 typeof 操作符可以确定原始类型，而 instanceof 操作符仅适用于引用类型（对象）。
typeof 返回一个字符串，而 instanceof 返回一个布尔值。 typeof 操作符返回数据类型的值，而 instanceof 操作符返回一个指示对象是否属于特定类的布尔值。
typeof 不能与 null 一起使用，而 instanceof 可以。 typeof 操作符将 null 视为对象，而 instanceof 可以区分 null 和其他引用类型。

实例

以下是一些展示 typeof 和 instanceof 操作符之间差异的示例：

console.log(typeof 123); // "number"
console.log(typeof "hello"); // "string"
console.log(typeof true); // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object"

const person = { name: "John Doe" };
console.log(person instanceof Object); // true
console.log(person instanceof Array); // false
console.log(person instanceof Function); // false