关于js typeof 与 instanceof 判断数据类型区别及开发使用

关于 JS typeof 与 instanceof 判断数据类型的区别及使用攻略

在 JavaScript 开发中，判断数据类型是一项非常重要的操作，正因为这个原因，我们需要了解如何使用 typeof 和 instanceof 来判断不同类型的数据。

typeof 操作符

typeof 操作符是 JavaScript 中最常用的类型判断工具之一，它可以返回一个表示数据类型的字符串。常用的数据类型包括：

• undefined
• boolean
• number
• string
• object
• function
• symbol

下面是一个使用 typeof 判断数据类型的示例：

const value1 = undefined;
const value2 = true;
const value3 = 1;
const value4 = 'hello';
const value5 = {};
const value6 = function(){}
const value7 = Symbol('symbol');

console.log(typeof value1); // "undefined"
console.log(typeof value2); // "boolean"
console.log(typeof value3); // "number"
console.log(typeof value4); // "string"
console.log(typeof value5); // "object"
console.log(typeof value6); // "function"
console.log(typeof value7); // "symbol"

从上面的例子中可以看到，typeof 操作符可以返回所判断值的数据类型字符串。需要注意的是，typeof 操作符对于 null 的判断结果是 "object"，这被视为一个历史遗留问题。

instanceof 操作符

与 typeof 操作符不同，instanceof 操作符是用于对对象类型的数据进行判断的，通常用于判断某个实例对象是否某种类型。它能够判断对象是不是某个类的实例，或者是不是某个类的子类的实例。

下面是一个使用 instanceof 判断数据类型的示例:

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

class Student extends Person {
  constructor(name, studentId) {
    super(name);
    this.studentId = studentId;
  }
}

const person = new Person('Jack');
const student = new Student('Tom', '001');

console.log(person instanceof Person); // true
console.log(student instanceof Person); // true
console.log(student instanceof Student); // true

在上面的代码中，我们定义了一个 Person 类和一个 Student 类，然后创建了一个 person 对象和一个 student 对象。可以看到，person 对象和 student 对象都是 Person 类的实例，而 student 对象同时也是 Student 类的实例。

需要注意的是，instanceof 操作符的判断是基于原型链的，如果判断的表达式中出现了 undefined 或 null，则直接返回 false。

判断类型选择

• 如果我们需要判断基本数据类型的数据类型，使用 typeof 操作符是更好的选择。
• 如果我们需要判断对象类型的数据类型，使用 instanceof 操作符是更好的选择。

在实际开发中，我们可能会遇到一些特殊的情况，需要使用其他工具来确保数据类型的准确性，比如鸭子类型。需要注意的是，在使用这些工具时，我们需要仔细阅读它们的使用文档，并充分理解其限制和适用场景。

以上就是针对 JS typeof 与 instanceof 判断数据类型区别及开发使用的攻略，希望能够对读者有所帮助。