Блог

У меня есть функция, которая принимает строку или массив строк и возвращает объект с ключами этой строки.

Вот фиктивная функция:

 type myType<T extends string> = { [K in T]: string }
const myFunc = <T extends string>(param: T | T[]): myType<T> => {
    let result = <myType<T>>{}
    // some codes here...
    return resu<
}
 

С помощью приведенного выше кода я уже добился этого:

 let val = myFunc(['foo', 'bar']);
val.foo // valid
val.other // invalid
 

Но если я передам переменную в функцию, все строковые ключи будут действительными:

 let variable = ['foo', 'bar'];
let val = myFunc(variable);
val.foo // valid
val.other // valid
 

Есть ли обходной путь, чтобы я мог передать переменную, но все еще работал так, как я ожидал?

Когда вы создаете переменную let variable = ['foo', 'bar'] , тип variable становится string[] , и вы теряете информацию о конкретных строках в массиве. Вам нужно использовать as const , чтобы Typescript интерпретировал variable как фиксированный кортеж строковых литералов 'foo' и 'bar' . Поскольку этот фиксированный кортеж является readonly , вам также необходимо изменить свою функцию, чтобы принимать readonly массивы.

 const myFunc = <T extends string>(param: T | readonly T[]): myType<T> => {
 

 let variable = ['foo', 'bar'] as const;
let val2 = myFunc(variable);
val2.foo // valid
val2.other // invalid
 

Ссылка на игровую площадку Typescript