如何避免在TypeScript中将对象属性的名称与this关键字一起使用?

问题描述

如何避免在TypeScript中将对象属性名称与this关键字一起使用?

例如我可以写:

const foo = 2;
const bar = 3;
const baz = { foo,bar };

但是我不能执行以下操作:

class A {
    foo: number = 2;
    bar: number = 3;
    f() {
        const baz = { this.foo,this.bar };
    }
}

解决方法

如果您真的不喜欢任何重复,可以给自己写一个辅助方法:

class A {
    foo: number = 2;
    bar: number = 3;
    f() {
        const baz = select(this,"foo","bar")
    }
}

function select<T,K extends keyof T>(obj: T,...props: Array<K>): Pick<T,K> {
    const copy = {} as Pick<T,K>;
    props.forEach(p => copy[p] = obj[p])
    return copy
}