1

我正在努力从updateArray我正在构建的这个通用函数中获得一个复杂的类型功能：

// Updates an object array at the specified update key with the update value,
// if the specified test key matches the test value.
// Optionally pass testFailValue to set a default value if the test fails.
// Note that by passing a testFailValue ALL elements in the array will be updated at the specified update property. 
// If it is omitted only elements passing the test will be updated.
export const updateArray = <T, U, V>(options: {
  array: Array<T>
  testKey: keyof T
  testValue: U
  updateKey: keyof T
  updateValue: V
  testFailValue?: V
}): Array<T> => {
  const {
    array,
    testKey,
    testValue,
    updateKey,
    updateValue,
    testFailValue,
  } = options
  return array.map(item => {
    if (item[testKey] === testValue) {
      item[updateKey] = updateValue
    } else if (testFailValue !== undefined) {
      item[updateKey] = testFailValue
    }
    return item
  })
}

TypeScript 会在 if 语句和两个赋值语句中抱怨，但在调用签名中，它不会抱怨，并且是我正在寻找的严格类型检查，例如：

interface IMyInterface {
    propertyA: string
    prepertyB: boolean
}

updateArray<IMyInterface, IMyInterface['propertyA'], IMyInterface['propertyB']>({
    array: state.editors[editor].editorSettings,
    testKey: "propertyA",
    testValue: 'someValue',
    updateKey: "propertyB",
    updateValue: true,
    testFailValue: false
})

如果我省略类型U和V, 并用 Typescript 替换它们T[keyof T]不会抱怨：

export const updateArray = <T>(options: {
  array: Array<T>
  testKey: keyof T
  testValue: T[keyof T]
  updateKey: keyof T
  updateValue: T[keyof T]
  testFailValue?: T[keyof T]
}): Array<T> => {
  const {
    array,
    testKey,
    testValue,
    updateKey,
    updateValue,
    testFailValue,
  } = options
  return array.map(item => {
    if (item[testKey] === testValue) {
      item[updateKey] = updateValue
    } else if (testFailValue !== undefined) {
      item[updateKey] = testFailValue
    }
    return item
  })
}

但这也不完全正确。T[keyof T]太灵活了：我可能将“错误”类型分配给给定的属性（例如，在给出的示例中，将布尔值分配给应该只包含字符串的属性，反之亦然）。显然，这种重新分配类型的行为在 JavaScript 中很好（这是 TypeScript 不会抱怨的原因之一），但对于我正在制作的这个函数来说，这是不受欢迎的。我真正需要的是某种typeof T[specific key], 以确保testValue,updateValue和testFailValue与正确的类型相对应，但specific key可以根据T.

可以做这样的事情吗？

4

1 回答 1

2

您可以添加一个约束U，使其成为Tusing键的子集extends。V 可以表示updateKey类型并且也具有相同的约束。

将您的问题简化为函数updateObject而不是函数updateArray将变为：

function updateObject<
    T,
    U extends keyof T,
    V extends keyof T,
>(
    obj: T,
    testKey: U,
    testValue: T[U],
    updateKey: V,
    updateValue: T[V],
    testFailValue?: T[V]
) {
    if (obj[testKey] === testValue) {
        obj[updateKey] = updateValue;
    } else if (testFailValue !== undefined) {
        obj[updateKey] = testFailValue;
    }
}

updateObject({aString: 'hello', aNumber: 42}, 'aString', 'hello', 'aNumber', 23);
于 2021-05-17T13:38:23.687 回答