JS魔术道具箱：typeof/instanceof/Object.prototype.toString大揭秘

揭秘JavaScript中的变量类型判断：三位魔术师的奥秘

在JavaScript的世界中，变量类型判断是一项必备技能，它让我们能够洞悉变量的本质，从而驾驭数据和逻辑。就像魔法师掌控着神奇的元素，JavaScript也为我们提供了三位魔术师，分别是：typeof、instanceof和Object.prototype.toString，它们可以揭示变量类型的秘密。

1. typeof：快速侦察兵

typeof如同一位快速侦察兵，可以迅速探查出变量的类型。它返回的返回值简单明了：

• "undefined"：变量值是未定义的
• "string"：变量值是一个字符串
• "number"：变量值是一个数字
• "boolean"：变量值是一个布尔值
• "symbol"：变量值是一个Symbol值
• "object"：变量值是一个对象（包括数组）
• "function"：变量值是一个函数

代码示例：

let name = "John";
console.log(typeof name); // "string"
let age = 30;
console.log(typeof age); // "number"

2. instanceof：精确的类型鉴定师

instanceof就像一位精确的类型鉴定师，它能够判定一个对象是否属于某个类的实例。语法如下：

object instanceof constructor

如果object是constructor的实例，则返回true；否则，返回false。

代码示例：

class Animal { }
class Dog extends Animal { }
let dog = new Dog();
console.log(dog instanceof Animal); // true
console.log(dog instanceof Dog); // true

3. Object.prototype.toString：全能的类型探测器

Object.prototype.toString()是一位全能的类型探测器，它可以揭露任何类型的值，包括基本类型和引用类型。它的返回值格式为"[object Type]"，其中Type是对象的类型。

代码示例：

let dog = new Dog();
console.log(dog.toString()); // "[object Dog]"
let number = 10;
console.log(number.toString()); // "[object Number]"

4. null的真面目

JavaScript中的null是一个特殊的存在，它表示一个空值。虽然typeof null返回"object",但它本质上是一个基本类型。

5. 结论

通过掌握这三位魔术师的奥秘，我们能够驾驭JavaScript中的变量类型判断。在实际开发中，根据具体情况选择合适的类型判断方法，可以让我们更加高效地处理数据和逻辑，谱写出流畅的代码乐章。

常见问题解答：

1. 为什么typeof null返回"object"？
   它是一个历史遗留问题，在早期JavaScript版本中，null被错误地分类为对象。

2. 如何判断一个值是数组？
   可以通过使用Array.isArray()方法或typeof操作符（typeof [] === "object" && Array.isArray([]) === true）。

3. 如何判断一个值是Symbol？
   可以使用typeof操作符（typeof Symbol() === "symbol"）。

4. 如何判断一个对象是某个类的实例？
   可以使用instanceof操作符或Object.prototype.isPrototypeOf()方法。

5. 如何判断一个变量是否已声明？
   可以使用typeof操作符（typeof variable !== "undefined"）。