解析JavaScript中instanceof对于不同的构造器或许都返回true

解析JavaScript中instanceof对于不同的构造器或许都返回true的攻略

什么是instanceof

JavaScript 中的 instanceof 运算符用来检测某个对象是否属于某个类，也可以用来检测某个对象是否是某个类的派生类的实例。instanceof的运算规则如下：

object instanceof constructor

• object：要检测的对象。
• constructor：指定的构造函数。

instanceof 运算符的使用

情况1：检测对象是否为特定构造函数的实例

function Person(name, age) {
  this.name = name;
  this.age = age;
}

var tom = new Person('Tom', 18);

console.log(tom instanceof Person); // true

在上述代码中，我们声明了一个Person构造函数，然后创建了一个tom对象。我们使用instanceof运算符检查tom是否为Person的实例，结果为true。

情况2：检测对象是否为特定构造函数的派生类实例

function Person(name, age) {
  this.name = name;
  this.age = age;
}

function Student(name, age, grade) {
  Person.call(this, name, age);
  this.grade = grade;
}

Student.prototype = Object.create(Person.prototype);

var tom = new Student('Tom', 18, 'A');

console.log(tom instanceof Person); // true
console.log(tom instanceof Student); // true

在上述代码中，我们声明了两个构造函数Person和Student，在Student构造函数中，我们通过call方法将Person构造函数中的属性和方法继承到Student构造函数中。通过 Student.prototype = Object.create(Person.prototype) 语句，我们将 Student 函数原型的对象指向到 Person 函数的原型上，从而实现了继承。

在此基础上，我们创建一个tom对象，并使用 instanceof 运算符分别检测tom对象是否为Person类和Student类的实例，结果都为true。

为什么不同的构造器都返回true

使用instanceof运算符时，如果某个对象的原型链上出现了指定的构造函数，即使该对象是由其他构造函数创建的，也会被认为是该构造函数的实例。

例如：

function Person(name, age) {
  this.name = name;
  this.age = age;
}

function Student(name, age, grade) {
  Person.call(this, name, age);
  this.grade = grade;
}

var tom = new Student('Tom', 18, 'A');

console.log(tom instanceof Person); // true
console.log(tom instanceof Object); // true

在上述代码中，我们声明了两个构造函数 Person 和 Student，同时创建了一个 tom 对象。其中，tom 对象是由 Student 构造函数创建的，但是，在使用 instanceof 运算符检测 tom 是否为 Object 类实例时，也会返回 true。

这是因为在 JavaScript 中，每个对象都有一个原型链，其中包含了该对象的所有原型。在使用 instanceof 运算符时，会检查该对象的原型链，从而得知该对象是否为指定构造函数的实例。因此，当一个对象的原型链上出现了某个构造函数时，该对象可以被认为是该构造函数的实现。而 Object 是 JavaScript 中所有对象的基类，因此所有对象都是 Object 的实例，包括我们创建的 tom 对象和 Person 对象、Student 对象等。因此，在使用 instanceof 运算符检查对象是否为 Object 类的实例时，所有对象都会返回 true。

检测出现隐患的方法

虽然不同的构造器可能都会返回 true，但是在编程时需要避免出现这种情况。为了避免这种情况的出现，我们可以将 instanceof 运算符的使用范围尽量缩小，只检查对象的特定构造函数，或者将特定构造函数的检查放在前面。例如：

function Person(name, age) {
  this.name = name;
  this.age = age;
}

function Student(name, age, grade) {
  Person.call(this, name, age);
  this.grade = grade;
}

var tom = new Student('Tom', 18, 'A');

console.log(tom instanceof Student); // true
console.log(tom instanceof Person); // false

在上述代码中，我们只检查了 tom 对象是否为 Student 类的实例。这样做可以有效地避免不同构造器返回 true 的问题。

另外，检查特定构造函数的方法还可以放在前面。这样做可以先检查对象是否为指定类的实例，如果不是就不会继续检查其他的构造函数，从而避免出现意外情况。例如：

function Person(name, age) {
  this.name = name;
  this.age = age;
}

function Student(name, age, grade) {
  Person.call(this, name, age);
  this.grade = grade;
}

var tom = new Student('Tom', 18, 'A');

console.log(tom instanceof Student); // true
console.log(tom instanceof Person); // true

if (tom instanceof Student) {
  console.log('tom is a student');
} else if (tom instanceof Person) {
  console.log('tom is a person');
} else {
  console.log('tom is not a student and not a person');
}

在上述代码中，我们先检测 tom 是否为 Student 类的实例，然后再检测 tom 是否为 Person 类的实例。由于我们将检查 Student 的代码放在前面，因此第一次检查时，tom 会被识别为 Student 类的实例，不会继续检查其他类型，从而避免了不同构造器都返回 true 的情况。