在TypeScript中获取调用属性的名称

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在TypeScript中获取调用属性的名称相关的知识,希望对你有一定的参考价值。

我想创建一组我将使用的泛型方法,而不是支持属性的字段。我需要在setter中做一些常规的东西(在Angular 5中调用事件发射器),我不想每次都写它。

我试过这三件事:

  1. 我可以将属性名称作为字符串传递,但我想避免这种情况。
  2. 我也尝试使用Error.stack,但堆栈跟踪的解析在不同的浏览器中会有所不同,我不喜欢这样。
  3. 当我尝试使用arguments.callee.caller时,我得到:'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them

还有其他建议吗?

以下用法示例。请注意// somehow get calling property name评论。在这个例子中,我希望有一个返回"myProperty"字符串的代码。

class ApplicationComponent {
    private readonly properties = new Map<string, any>();

    protected getProperty<T>(): T {
        const propertyName = // somehow get calling property name
        return <T>this.properties[propertyName];
    }

    protected setProperty<T>(value: T): void {
        const propertyName = // somehow get calling property name
        const oldValue = <T>this.properties[propertyName];

        if (oldValue === value) {
            return;
        }

        this.properties[propertyName] = value;

        const eventEmitter = this[`${propertyName}Change`];
        if (eventEmitter != null && eventEmitter instanceof EventEmitter) {
            eventEmitter.emit(value);
        }
    }
}

class SomeComponent extends ApplicationComponent {
    get myProperty(): SomeType {
        return this.getProperty();
    }

    set myProperty(value: SomeType) {
        this.setProperty(value);
    }

    readonly myPropertyChange = new EventEmitter<SomeType>();
}
答案

详细程度有帮助,因为在生产中这种情况下不可能可靠地获取属性名称。如果getPropertysetProperty应该影响特定属性,则它们应该接受属性名称作为参数。

这是property decorators的一个很好的用例。装饰器接受类prototype对象和属性名称。然后它可以将属性描述符设置为它需要的任何内容

function property(proto, key) {
  Object.defineProperty(proto, key, {
    get() {
      return this.properties[key]
    },
    set(val) { ... }
  });
}

class SomeComponent extends ApplicationComponent {
  @property
  myProperty: SomeType;
}

以上是关于在TypeScript中获取调用属性的名称的主要内容,如果未能解决你的问题,请参考以下文章

Typescript编译器无法从Promise resolve调用中推断类型

Typescript接口属性为string

如何在 TypeScript 中键入这个“as”JSX 属性?

如何在 TypeScript 类中正确声明计算属性名称?

如何在Typescript中对私有方法进行单元测试

Java - 调用get方法时获取类属性名称