在运行时获取对象的类名

Question

是否可以在运行时使用 TypeScript 获取对象的类/类型名称？

class MyClass{}

var instance = new MyClass();
console.log(instance.????); // Should output "MyClass"

Answer 1

看到这个question。

由于 TypeScript 被编译为 JavaScript，因此在运行时您正在运行 JavaScript，因此将适用相同的规则。

Answer 2

完整的 TypeScript 代码

public getClassName() {
    var funcNameRegex = /function (.{1,})\(/;
    var results  = (funcNameRegex).exec(this["constructor"].toString());
    return (results && results.length > 1) ? results[1] : "";
}

Answer 3

我知道我迟到了，但我发现这也行。

var constructorString: string = this.constructor.toString();
var className: string = constructorString.match(/\w+/g)[1]; 

或者...

var className: string = this.constructor.toString().match(/\w+/g)[1];

以上代码将整个构造函数代码作为字符串获取，并应用正则表达式来获取所有“单词”。第一个词应该是“功能”，第二个词应该是类的名称。

希望这会有所帮助。

Answer 4

简单回答：

class MyClass {}

const instance = new MyClass();

console.log(instance.constructor.name); // MyClass
console.log(MyClass.name);              // MyClass

但是：请注意，使用缩小代码时名称可能会有所不同。

Answer 5

在 Angular2 中，这有助于获取组件名称：

    getName() {
        let comp:any = this.constructor;
        return comp.name;
    }

comp:any 是必需的，因为 TypeScript 编译器会发出错误，因为 Function 最初没有属性名称。

Answer 6

您需要先将实例强​​制转换为any，因为Function 的类型定义没有name 属性。

class MyClass {
  getName() {
    return (<any>this).constructor.name;
    // OR return (this as any).constructor.name;
  }
}

// From outside the class:
var className = (<any>new MyClass()).constructor.name;
// OR var className = (new MyClass() as any).constructor.name;
console.log(className); // Should output "MyClass"

// From inside the class:
var instance = new MyClass();
console.log(instance.getName()); // Should output "MyClass"

更新：

使用 TypeScript 2.4（可能更早），代码可以更加简洁：

class MyClass {
  getName() {
    return this.constructor.name;
  }
}

// From outside the class:
var className = (new MyClass).constructor.name;
console.log(className); // Should output "MyClass"

// From inside the class:
var instance = new MyClass();
console.log(instance.getName()); // Should output "MyClass"

Answer 7

我的解决方案是不要依赖类名。 object.constructor.name 理论上有效。但是如果你在 Ionic 之类的东西中使用 TypeScript，一旦你投入生产，它就会火上浇油，因为 Ionic 的生产模式会缩小 Javascript 代码。所以类被命名为“a”和“e”。

我最终做的是在构造函数分配类名的所有对象中都有一个 typeName 类。所以：

export class Person {
id: number;
name: string;
typeName: string;

constructor() {
typeName = "Person";
}

是的，这不是被问到的，真的。但是在可能会被缩小的东西上使用constructor.name只是在乞求头痛。

Answer 8

• 必须添加“.prototype.”才能使用：myClass.prototype.constructor.name.
• 否则使用以下代码： myClass.constructor.name，我遇到了 TypeScript 错误：

error TS2339: Property 'name' does not exist on type 'Function'.

Answer 9

如果您已经知道预期的类型（例如，当一个方法返回 union type 时），那么您可以使用类型保护。

例如，对于原始类型，您可以使用typeof guard：

if (typeof thing === "number") {
  // Do stuff
}

对于复杂类型，您可以使用instanceof guard：

if (thing instanceof Array) {
  // Do stuff
}

Answer 10

使用Decorators 的解决方案可以在缩小/丑化中幸存

我们使用代码生成来用元数据装饰我们的实体类，如下所示：

@name('Customer')
export class Customer {
  public custId: string;
  public name: string;
}

然后使用以下助手消费：

export const nameKey = Symbol('name');

/**
 * To perserve class name though mangling.
 * @example
 * @name('Customer')
 * class Customer {}
 * @param className
 */
export function name(className: string): ClassDecorator {
  return (Reflect as any).metadata(nameKey, className);
}

/**
 * @example
 * const type = Customer;
 * getName(type); // 'Customer'
 * @param type
 */
export function getName(type: Function): string {
  return (Reflect as any).getMetadata(nameKey, type);
}

/**
 * @example
 * const instance = new Customer();
 * getInstanceName(instance); // 'Customer'
 * @param instance
 */
export function getInstanceName(instance: Object): string {
  return (Reflect as any).getMetadata(nameKey, instance.constructor);
}

额外信息：

• 您可能需要安装reflect-metadata
• reflect-metadata 是由 TypeScript 成员为提议的 ES7 反射 API 编写的 pollyfill
• JS中装饰器的提案可以是tracked here