JavaScript 检查实例类型 instanceof

基础概念

在 JavaScript 中，instanceof 是一个操作符，用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。它主要用于确定一个对象是否是一个特定类的实例。

使用 instanceof 操作符的基本语法如下：

object instanceof constructor

• object 是需要检查的对象。
• constructor 是一个构造函数，用来判断 object 是否为该构造函数的实例。

使用场景

检测内置对象类型

instanceof 可以用来检测内置对象类型，例如数组、日期等。

示例代码

let arr = [1, 2, 3];
console.log(arr instanceof Array); // 输出 true

let date = new Date();
console.log(date instanceof Date); // 输出 true

检测自定义对象类型

你也可以用 instanceof 来检测自定义对象类型。

示例代码

function Person(name) {
    this.name = name;
}

let person = new Person('Alice');
console.log(person instanceof Person); // 输出 true

注意事项

全局对象

在浏览器环境中，全局对象是 window 对象。如果你在一个全局作用域中创建一个变量，这个变量会成为 window 的属性。

示例代码

var name = 'Bob';
console.log(name instanceof String); // 输出 false
console.log(name instanceof Object); // 输出 false
console.log(typeof name === 'string'); // 输出 true

原型链的影响

instanceof 操作符的判断依据是原型链。如果对象的原型链上出现了指定构造函数的 prototype，则返回 true。

示例代码

-- -------------------- ---- -------
-------- --- --
-------- --- --

----------- - --- ---- -- -- - ---- - ---

--- --------- - --- ----

--------------------- ---------- --- -- -- ----
--------------------- ---------- --- -- -- ----

浏览器环境和 Node.js 环境的区别

在不同环境中，instanceof 的表现可能会有所不同。例如，在浏览器环境中，全局对象是 window；而在 Node.js 环境中，全局对象是 global。

示例代码

// 在浏览器环境中
console.log(window instanceof Object); // 输出 true

// 在 Node.js 环境中
console.log(global instanceof Object); // 输出 true

高级应用

检测多种类型

有时候你需要同时检测多个类型。你可以通过逻辑运算符来实现这一功能。

示例代码

function isType(obj, type) {
    return Object.prototype.toString.call(obj) === `[object ${type}]`;
}

let arr = [1, 2, 3];

console.log(isType(arr, 'Array')); // 输出 true
console.log(isType(arr, 'Object')); // 输出 false

避免跨窗口或跨 iframe 的问题

当涉及到跨窗口或跨 iframe 时，instanceof 可能会因为原型链的不同而产生错误的结果。在这种情况下，可以使用 Object.prototype.toString.call 方法来获取更准确的信息。

示例代码

let win = window.open('');
win.a = new Number(1);

console.log(a instanceof Number); // 输出 false
console.log(Object.prototype.toString.call(a) === '[object Number]'); // 输出 true

小结

instanceof 操作符是一个强大的工具，用于检测一个对象是否是某个构造函数的实例。了解其工作原理及其局限性，可以帮助你在实际开发中更好地使用它。无论是内置对象还是自定义对象，都可以通过 instanceof 进行有效的类型检测。然而，在处理复杂的原型链和跨窗口/iframe 的情况时，可能需要寻找其他方法来确保结果的准确性。