TypeScript中属性装饰器能否指定被装饰属性的类型？

当然可以实现！不过得调整下装饰器的写法，利用TypeScript的泛型和类型推断机制，让编译器自动从装饰器的getter签名里获取属性类型，从而减少使用者手动加类型注解的工作量。

核心思路：用泛型工厂装饰器传递类型信息 #

TypeScript默认不会自动从属性装饰器返回的描述符里推断属性类型，但我们可以通过泛型工厂装饰器，把getter的返回类型绑定到被装饰的属性上，让编译器自动识别。

实现示例 #

1. 固定返回string的只读装饰器

如果你的装饰器固定返回string类型，可以这么写：

// 泛型工厂装饰器，把getter的返回类型传递给属性
function readOnlyString() {
  return function(target: any, key: string | symbol): PropertyDescriptor {
    return {
      get(): string {
        return 'hello';
      },
      // 按需添加enumerable和configurable，保证属性行为符合预期
      enumerable: true,
      configurable: true
    };
  };
}

// 使用时，x的类型会自动被推断为string，不用手动加注解
class A {
  @readOnlyString() x;
}

// 测试：编译器能识别x是string类型
const instance = new A();
console.log(instance.x.toUpperCase()); // 类型检查完全通过

2. 支持任意类型的通用装饰器

如果想让装饰器适配更多类型，可以通过泛型让编译器自动推断：

// 通用只读属性装饰器，根据传入的默认值自动推断属性类型
function readOnlyProp<T>(defaultValue: T) {
  return function(target: any, key: string | symbol): PropertyDescriptor {
    return {
      get(): T {
        return defaultValue;
      },
      enumerable: true,
      configurable: true
    };
  };
}

class B {
  @readOnlyProp('world') x; // x被推断为string
  @readOnlyProp(123) y;     // y被推断为number
}

const b = new B();
b.x.slice(0, 2); // 类型检查通过
b.y.toFixed(2);  // 类型检查通过

为什么原写法不行？ #

你的原始装饰器直接返回属性描述符，但TypeScript的类型系统不会主动关联装饰器返回的getter类型和类属性的类型。通过把装饰器改成返回函数的工厂模式，并用泛型约束getter的返回类型，我们就能让编译器把这两个类型绑定起来，实现自动推断。

注意事项 #

• 记得给属性描述符加上enumerable和configurable（根据你的需求设置），否则类属性的遍历、修改行为可能不符合预期。
• 如果getter的返回值是动态生成的，只要能确定其类型，就可以通过泛型传递给属性，完全省去使用者手动写类型注解的步骤。

内容的提问来源于stack exchange，提问作者shawn