TypeScript 在运行时获取对象的类名

在本文中，我们将介绍如何在TypeScript中在运行时获取对象的类名。在进行问题解决之前，我们先来了解一下TypeScript的类和对象的概念。

TypeScript 类和对象

TypeScript是一种静态类型的编程语言，它是JavaScript的超集，为JavaScript提供了更大的可扩展性和可维护性。在TypeScript中，我们可以使用类来定义一个对象的结构和行为。

类是一种模板，用于创建具有相同属性和方法的对象。我们可以使用关键字class定义一个类，并使用new关键字创建该类的对象。以下是一个简单的例子：

class Animal {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  sayHello() {
    console.log("Hello, I'm " + this.name);
  }
}

let cat = new Animal("Kitty");
cat.sayHello(); // 输出：Hello, I'm Kitty

在这个例子中，我们定义了一个名为Animal的类，它有一个属性name和一个方法sayHello。我们使用new关键字创建一个名为cat的Animal对象，并调用其sayHello方法。

获取对象的类名

在JavaScript中，我们可以使用typeof运算符来获取一个对象的类型。然而，TypeScript在编译时会将类和类型擦除为JavaScript，因此无法在运行时使用typeof来获取对象的类名。

幸运的是，我们可以使用Object.getPrototypeOf()方法来获取对象的原型，并通过原型上的constructor属性获取到类的引用。然后通过类的name属性即可获得类名。

以下是一个获取对象类名的示例：

function getClassName(obj: any): string {
  return obj.constructor.name;
}

class Animal {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
}

let cat = new Animal("Kitty");
console.log(getClassName(cat)); // 输出：Animal

在这个示例中，我们定义了一个名为getClassName的函数，它接收一个对象作为参数，并返回该对象的类名。我们创建了一个名为cat的Animal对象，并将其传递给getClassName函数进行测试。

使用 instanceof 运算符

除了上述方法外，我们还可以使用instanceof运算符来判断对象是否属于某个类。如果对象是指定类的实例，那么instanceof运算符将返回true，否则返回false。通过对比不同的类，我们可以得到对象的类名。

以下是一个使用instanceof运算符获取对象类名的示例：

class Animal {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
}

class Cat extends Animal {
  sound: string;
  constructor(name: string, sound: string) {
    super(name);
    this.sound = sound;
  }
}

class Dog extends Animal {
  age: number;
  constructor(name: string, age: number) {
    super(name);
    this.age = age;
  }
}

function getClassName(obj: any): string {
  if (obj instanceof Animal) {
    return "Animal";
  } else if (obj instanceof Cat) {
    return "Cat";
  } else if (obj instanceof Dog) {
    return "Dog";
  }
  return "Unknown";
}

let cat = new Cat("Kitty", "Meow");
let dog = new Dog("Buddy", 3);

console.log(getClassName(cat)); // 输出：Cat
console.log(getClassName(dog)); // 输出：Dog

在这个示例中，我们定义了三个类：Animal、Cat和Dog。Cat和Dog都继承自Animal。我们定义了一个getClassName函数，并根据对象的类型使用instanceof运算符判断对象属于哪个类。

总结

在本文中，我们介绍了如何在TypeScript中在运行时获取对象的类名。我们可以使用Object.getPrototypeOf()方法和类的name属性来获取类名，也可以使用instanceof运算符来判断对象的类型并获取类名。这些方法可以帮助我们在需要动态获取对象类名的情况下进行处理。希望本文对您有所帮助！