typescript instanceof关键字详解|极客教程

typescript instanceof关键字详解

介绍

instanceof 是 TypeScript 的一个关键字，用于检查一个对象是否属于某个特定类或原型链上的类。在 JavaScript 中，我们可以使用 instanceof 运算符进行类的检查，而 TypeScript 在此基础上提供了类型检查功能，使得代码更加可靠和类型安全。

本文将详细介绍 TypeScript 中 instanceof 的使用方法和注意事项，帮助读者全面理解和掌握这个关键字。

基本语法

在 TypeScript 中，instanceof 是二元运算符，用于检查一个对象是否属于某个类或其派生类。其基本语法如下：

object instanceof class

其中，object 是待检查的对象，class 是待检查的类或构造函数。

instanceof 运算符的返回值为布尔类型，即 true 表示对象是该类或其派生类的实例，false 表示对象不是该类或其派生类的实例。

下面是一个简单的示例：

class Animal {
  move() {
    console.log("Animal is moving.");
  }
}

class Dog extends Animal {
  bark() {
    console.log("Dog is barking.");
  }
}

const animal = new Animal();
const dog = new Dog();

console.log(animal instanceof Animal); // true
console.log(dog instanceof Animal);    // true
console.log(dog instanceof Dog);       // true
console.log(animal instanceof Dog);    // false

上述示例中，我们定义了 Animal 和 Dog 两个类，Dog 是 Animal 的派生类。通过 new 运算符创建实例后，我们使用 instanceof 运算符对这些对象进行检查，得到了相应的结果。

检查子类

在 TypeScript 中，instanceof 关键字可以用于检查一个对象是否属于其派生类，即子类。

class Animal {
  move() {
    console.log("Animal is moving.");
  }
}

class Dog extends Animal {
  bark() {
    console.log("Dog is barking.");
  }
}

const animal = new Animal();
const dog = new Dog();

console.log(animal instanceof Animal); // true
console.log(dog instanceof Animal);    // true
console.log(dog instanceof Dog);       // true
console.log(animal instanceof Dog);    // false

在上述代码中，我们先创建了一个 Animal 类和 Dog 类。然后，我们创建了一个 Animal 类的实例 animal 和一个 Dog 类的实例 dog。

通过使用 instanceof 关键字，我们可以检测 dog 是否是 Animal 类的实例，运行结果为 true。此外，我们还可以检测 dog 是否是 Dog 类的实例，运行结果为 true。

但是，请注意 animal instanceof Dog 的结果为 false。这是因为 animal 是 Animal 类的实例，并不是 Dog 类的实例。

检查父类

不仅可以检查一个对象是否为其派生类的实例，还可以检查一个对象是否为其父类的实例。

class Animal {
  move() {
    console.log("Animal is moving.");
  }
}

class Dog extends Animal {
  bark() {
    console.log("Dog is barking.");
  }
}

const animal = new Animal();
const dog = new Dog();

console.log(animal instanceof Animal); // true
console.log(dog instanceof Animal);    // true
console.log(dog instanceof Dog);       // true
console.log(animal instanceof Dog);    // false

console.log(dog instanceof Object);    // true
console.log(animal instanceof Object); // true

在上述示例中，我们使用 instanceof 运算符检查了 dog 和 animal 是否是 Object 类的实例。运行结果都为 true。

这是因为在 TypeScript 中，所有的类最终都继承自 Object 类。所以在使用 instanceof 运算符时，只要对象在原型链上与给定的构造函数相匹配，就会返回 true。

undefined 和 null

在使用 instanceof 运算符时，需要注意的一点是，对于 undefined 和 null，它们是无法通过 instanceof 运算符进行类型判断的。

console.log(undefined instanceof Object); // TypeError: Right-hand side of 'instanceof' is not an object
console.log(null instanceof Object);      // TypeError: Right-hand side of 'instanceof' is not an object

上述代码中，我们尝试使用 instanceof 运算符检查 undefined 和 null 是否是 Object 类的实例。结果都会抛出 TypeError，提示 instanceof 运算符的右操作数不是一个对象。

自定义类型检查

除了检查类类型，instanceof 运算符还可以用于检查自定义类型。

下面是一个实例：

class Point {
  constructor(public x: number, public y: number) {}
}

const point = new Point(1, 2);

console.log(point instanceof Point); // true
console.log(point instanceof Object); // true