JavaScript 中的类型判断方法大揭秘

类型探秘：JavaScript 中的类型判断之艺术

JavaScript 作为一门动态语言，其类型系统灵活多变，但这也给开发者带来了不小的挑战：如何准确判断一个变量的类型？别担心，JavaScript 提供了多种方法来帮助你实现这一目的。让我们一起踏上类型判断的探索之旅，了解这些方法的奥秘和应用场景。

初探 typeof：原始数据类型的守门员

typeof 算得上 JavaScript 中最古老的类型判断方法之一。它的职责是揭示变量的原始数据类型，包括 number、string、boolean、undefined、null、object 和 function。用法简单粗暴，只需将变量传入，它就会返回一个字符串，告诉你变量的原始身份。

typeof 1; // "number"
typeof "hello"; // "string"
typeof true; // "boolean"
typeof undefined; // "undefined"
typeof null; // "object"
typeof {}; // "object"
typeof function() {}; // "function"

深入 instanceof：类的血统鉴定

instanceof 运算符的功能更为深入，它可以判断一个对象是否属于某个类的实例。换句话说，它可以检验一个对象是否继承了某个类的属性和方法。用法也十分简单，只需将对象放在左侧，类名放在右侧，就能得到一个布尔值，告诉你对象是否拥有该类的血统。

class Person {
  constructor(name) {
    this.name = name;
  }
}

const person = new Person("John Doe");

person instanceof Person; // true
person instanceof Object; // true
person instanceof String; // false

揭秘 Object.prototype.toString(): 对象类型的幕后花絮

Object.prototype.toString() 方法也能提供类型判断的功能，它会返回一个字符串，揭示对象的内部类型。用法同样简单，将对象作为参数传入即可。

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

专项 Array.isArray(): 数组的独家认证

如果你专门想判断一个变量是否属于数组，那 Array.isArray() 方法就是你的不二之选。用法直截了当，将变量传入，它就会告诉你变量是否拥有数组的真身。

Array.isArray([1, 2, 3]); // true
Array.isArray("hello"); // false
Array.isArray(true); // false
Array.isArray(undefined); // false
Array.isArray(null); // false
Array.isArray({}); // false
Array.isArray(function() {}); // false

结论：因材施教，灵活运用

JavaScript 中的类型判断方法各有千秋，选择哪种方法取决于你要解决的问题。typeof 适用于判断原始数据类型，instanceof 适用于判断类的实例，Object.prototype.toString() 适用于获取对象的内部类型，Array.isArray() 适用于专门判断数组。灵活运用这些方法，你就能轻松驾驭 JavaScript 的类型迷宫。

常见问题解答

1. 为什么 null 在 typeof 操作符下返回 "object"？

null 在历史悠久的 JavaScript 中一直被归类为对象，虽然这在逻辑上有些牵强，但它仍然是 JavaScript 的一个特性。

2. instanceof 和 Object.prototype.toString() 有什么区别？

instanceof 检查一个对象是否属于某个类的实例，而 Object.prototype.toString() 返回对象的内部类型字符串。

3. 什么情况下使用 Object.prototype.toString() 比 typeof 更合适？

当你想获得对象的更具体类型时，Object.prototype.toString() 是一个更好的选择，因为它可以区分不同的对象类型，例如 Date、Array 和 Function。

4. Array.isArray() 和 instanceof Array 有什么区别？

Array.isArray() 是专门用于检查数组的快速方法，而 instanceof Array 也可以用于检查类似数组的对象，例如 Arguments 对象。

5. 如何判断一个变量是否为 undefined 或 null？

你可以使用以下条件：

if (variable === undefined || variable === null) {
  // 变量是 undefined 或 null
}