走进 JavaScript instanceof 运算符的奥秘世界

2023-10-25 22:33:14

JavaScript 中的类型检测

在 JavaScript 中，typeof 运算符可以用于判断一个变量的类型。typeof 运算符返回一个字符串，表示变量的类型。对于基本类型（如数字、字符串、布尔值和 undefined），typeof 运算符返回类型名称。对于引用类型（如对象、数组和函数），typeof 运算符返回 "object"。

console.log(typeof 42); // "number"
console.log(typeof "hello"); // "string"
console.log(typeof true); // "boolean"
console.log(typeof undefined); // "undefined"
console.log(typeof null); // "object"
console.log(typeof []); // "object"
console.log(typeof {}); // "object"
console.log(typeof function() {}); // "function"

instanceof 运算符

在 JavaScript 中，instanceof 运算符可以用于检测一个对象是否属于某个类的实例，或是否具有某个类的原型。instanceof 运算符返回一个布尔值，如果对象是类的实例或具有类的原型，则返回 true，否则返回 false。

var Person = function() {};
var person = new Person();

console.log(person instanceof Person); // true
console.log(person instanceof Object); // true
console.log([] instanceof Array); // true
console.log([] instanceof Object); // true
console.log(function() {} instanceof Function); // true
console.log(function() {} instanceof Object); // true

instanceof 运算符的工作原理

instanceof 运算符的工作原理是检查对象的原型链是否包含类的原型。如果对象的原型链中包含类的原型，则对象是类的实例或具有类的原型，instanceof 运算符返回 true，否则返回 false。

var Person = function() {};
var person = new Person();

console.log(Person.prototype.isPrototypeOf(person)); // true
console.log(Object.prototype.isPrototypeOf(person)); // true
console.log(Array.prototype.isPrototypeOf([])); // true
console.log(Object.prototype.isPrototypeOf([])); // true
console.log(Function.prototype.isPrototypeOf(function() {})); // true
console.log(Object.prototype.isPrototypeOf(function() {})); // true