JavaScript中的`typeof`与`instanceof`运算符详解

在JavaScript中，我们经常需要检测变量的类型。typeof和instanceof是两种非常常用的类型检测方式。本文将详细解析这两种运算符的使用方法、差异以及适用场景。

typeof 运算符

typeof运算符用于检测一个变量的类型。它返回一个表示变量类型的字符串。下面是一些常见的typeof返回值：

• 'number'：如果变量是数值类型（包括NaN和Infinity）。
• 'string'：如果变量是字符串类型。
• 'boolean'：如果变量是布尔类型。
• 'object'：如果变量是对象类型（包括数组和null）。注意，null也返回'object'，这是一个历史遗留问题。
• 'function'：如果变量是函数类型。
• 'undefined'：如果变量未定义。

示例：

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

instanceof 运算符

instanceof运算符用于检测一个对象是否是特定构造函数的实例。它返回一个布尔值，表示对象是否是由指定的构造函数创建的。

示例：

function Car(make, model, year) {
  this.make = make;
  this.model = model;
  this.year = year;
}
const myCar = new Car('Toyota', 'Camry', 2005);
console.log(myCar instanceof Car); // true
console.log(myCar instanceof Object); // true

区别与适用场景

• typeof通常用于检测基本类型（如数值、字符串、布尔值等），以及function和undefined。但是，对于对象类型（包括数组），typeof总是返回'object'，无法区分具体的对象类型。
• instanceof主要用于检测对象是否由特定的构造函数创建，因此它更适合用于检测对象类型，包括数组和其他自定义类型。
• 注意，null是唯一一个typeof返回'object'但不是对象的值。因此，在检测对象时，最好先使用typeof排除null，或者使用instanceof Object来更准确地检测对象。

总结

typeof和instanceof是两种常用的JavaScript类型检测方式。typeof主要用于检测基本类型和函数，而instanceof则更适合用于检测对象类型。在实际开发中，我们可以根据需求选择适当的类型检测方式，以确保代码的准确性和可读性。同时，也要注意null的特殊情况，避免在类型检测时产生误判。