TypeScript를 사용하여 런타임에 객체의 클래스 / 유형 이름을 가져올 수 있습니까?

class MyClass{}

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

간단한 답변 :

class MyClass {}

const instance = new MyClass();

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

그러나 축소 코드를 사용할 때는 이름이 다를 수 있습니다.

나는 파티에 늦었다는 것을 알고 있지만 이것이 효과가 있다는 것을 알았습니다.

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

아니면 ...

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

위의 코드는 전체 생성자 코드를 문자열로 가져오고 정규식을 적용하여 모든 '단어'를 가져옵니다. 첫 번째 단어는 '기능'이어야하고 두 번째 단어는 클래스의 이름이어야합니다.

도움이 되었기를 바랍니다.

내 솔루션은 클래스 이름에 의존하지 않았습니다. object.constructor.name은 이론적으로 작동합니다. 그러나 Ionic과 같은 유형에서 TypeScript를 사용하는 경우 프로덕션으로 이동하자마자 Ionic의 프로덕션 모드가 Javascript 코드를 축소하기 때문에 화염에 빠질 것입니다. 따라서 클래스에는 "a"및 "e"와 같은 이름이 지정됩니다.

내가 한 일은 생성자가 클래스 이름을 할당하는 모든 객체에 typeName 클래스가 있다는 것입니다. 그래서:

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

constructor() {
typeName = "Person";
}

그렇습니다. 실제로 물어 보지 않았습니다. 그러나 잠재적으로 길을 축소 할 수있는 무언가에 constructor.name을 사용하면 두통을 요구합니다.

이 질문을 참조하십시오 .

TypeScript는 JavaScript로 컴파일되므로 런타임시 JavaScript를 실행하므로 동일한 규칙이 적용됩니다.

먼저 캐스트에에 인스턴스가 필요 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"

Angular2에서는 구성 요소 이름을 얻는 데 도움이 될 수 있습니다.

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

comp : any 는 함수에 초기에 속성 이름이 없으므로 TypeScript 컴파일에서 오류가 발생하기 때문에 필요합니다.

전체 TypeScript 코드

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

• 다음 을 사용 하기 위해 ". prototype. " 을 추가했습니다 myClass.prototype.constructor.name.
• 그렇지 않으면 다음 코드를 사용 myClass.constructor.name하여 TypeScript 오류가 발생했습니다.

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

이 솔루션은 축소 축소 후에 작동하지만 메타 데이터로 클래스를 장식해야합니다.

코드 생성을 사용하여 다음과 같은 메타 데이터로 Entity 클래스를 장식합니다.

@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);
}

예상되는 유형을 이미 알고있는 경우 (예 : 메소드가 공용체 유형을 리턴하는 경우 경우 유형 가드를 사용할 수 있습니다.

예를 들어 기본 유형의 경우 typeof guard를 사용할 수 있습니다 .

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

복잡한 유형의 경우 instanceof guard를 사용할 수 있습니다 .

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