如何在 Typescript 中使用泛型动态设置特定类型的值

杯

假设我有一个通用实用程序类，它应该与一个类接口，并且有一个方法 setPropertiesToTrue，它接受一个类属性列表，并将类实例中的这些属性设置为 true。

class SomeObject{
  x: boolean 
  y: boolean
  z: string

  constructor(x: boolean,y: boolean,z: string){
    this.x = x,
    this.y = y,
    this.z = z
  } 
}

class ProperySetter<TSomeObject>{
  objectContext: TSomeObject

  constructor(objectContext: TSomeObject){
    this.objectContext = objectContext
  }

  setPropertiesToTrue(properties: Array<keyof TSomeObject>){
    properties.forEach(property => {
      this.objectContext[property] = true
    })
  }
}


const someObject = new SomeObject(false, false, "hello")

const propertySetter = new ProperySetter(someObject);

propertySetter.setPropertiesToTrue(["x", "y"])

console.log(someObject.x) // changed from false to true
console.log(someObject.y) // changed from false to true
console.log(someObject.z) // unchanged

这是我正在尝试做的或多或少的 TS Playground 示例。

在上面的示例中，（在操场上的第 22 行），打字稿似乎不知道作为属性传递的键对应于 generic 内的布尔值TSomeObject。所以我得到了错误：

类型 'boolean' 不可分配给类型 'TSomeObject[keyof TSomeObject]'。

这是有道理的，因为keyof TSomeObject对应于 TSomeObject 的所有键，而不仅仅是对应于布尔键的键。

有没有办法解决这个问题？

sno2

您可以加强输入数组的约束以仅包含作为boolean值的键。但是，TS 不够聪明，无法知道密钥在数组中是否有效。因此，您将只需要使用演员表即可使代码正常工作。这是一个对键类型有更好约束的工作代码示例：

class SomeObject{
  x: boolean 
  y: boolean
  z: string

  constructor(x: boolean, y: boolean, z: string){
    this.x = x,
    this.y = y,
    this.z = z
  } 
}

class ProperySetter<TSomeObject>{
  objectContext: TSomeObject

  constructor(objectContext: TSomeObject){
    this.objectContext = objectContext
  }

  setPropertiesToTrue(properties: Array<keyof { [K in keyof TSomeObject as TSomeObject[K] extends boolean ? K : never]: 0 }>){
    properties.forEach(property => {
      (this.objectContext as any)[property] = true
    })
  }
}


const someObj = new SomeObject(true, true, "hey");
const setter = new ProperySetter(someObj);
setter.setPropertiesToTrue(["x", "y"])

// @ts-expect-error not a boolean property
setter.setPropertiesToTrue(["z"]);