求助，请教一个 Typescript 类型写法问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 1323 天前的主题，其中的信息可能已经有所发展或是发生改变。

ts 小白，初次学习 ts，想实现一个函数，传入一个字符串数组，返回一个以这个数组里的元素作为 key 的对象

function fn (array: string[]): ReturnType {}

比如传入 ['a', 'b', 'c']，会返回 {'a': 1, 'b': 2, 'c': 3}

现在卡在了这个 ReturnType 类型要怎么写上面。。。

一种思路是

interface ReturnType { [key: string]: number }

但是这样提示不够精确，想让 ts 能够提示出返回值包含 a,b,c 三个属性，大家有什么思路吗

returntype

string

传入

key

7 条回复 • 2021-04-02 01:00:39 +08:00

B3C933r4qRb1HyrL

2021-04-01 20:35:34 +08:00

interface IType {
a: number;
b: number;
c: number;
}

这样？

codehz

2021-04-01 20:38:08 +08:00

declare function fn<T extends string>(input: T[]): Record<T, number>;

const ret = fn(['a', 'b']);
ret.a = 1;
ret.b = 2;
ret.c = 3; // error: Property 'c' does not exist on type 'Record<"a" | "b", number>'.

B3C933r4qRb1HyrL

2021-04-01 20:59:06 +08:00

@codehz 应该是你这样...我没看入参...

noe132

2021-04-01 21:47:50 +08:00

https://www.typescriptlang.org/play?target=99#code/C4TwDgpgBAggTnAKgewEoQMbLgEwDyJQQAewEAdjgM5RwQCGOy5ANiFFcHAJbkDmAbQC6AGiioipCtXGZs+Tj35jyAVwC2AIwhwAfFAC8UAN4BffUcIkylGgIB0j3gDMdUAIpiXbgOpCAUFBBUAD8UD6SNjKKvHxQgcGJYe6R0jQx-MIJiTmhJlACANZQvOFCAFweAgDkLBR8wAAW1UJQplAAZLAIKOhYuHjuutm5wZWoI4njI9P+oJBQAGIs9MA2AKrk3MwEFiYjRSXkUIUQIMjOUIgVV0UBpv7+WOScUM8AbjrAhlAEqbYcLixYS6AAU9AQlUQAEpDPpjCNnq9kJoAFaVVTkQrkZAAd2ORgA8mjMMB7M44Mh1ABRchAiBUcEIezqehgUGg95eWEGfQCLklITQ6EjOjAVRwY4o1FQeg0ZarDZbHbwJBoOQDRC6YYPJ7MV50KiqFjfIwfL6gmr0apiaqaG1QaoYFqyuzVa22+2251Cx5I5B1ewsZB8UGG41k+iGAxGAAMIv9geDofDJvsmmjRgAjAn9QGIEGQ2GGRH7BhM1AAEzQoA

noe132

2021-04-01 21:52:54 +08:00

忽略上面 1 楼。这个应该就没问题了。
const result = convert(['a', 'b', 'c'] as const)
需要用 as const，这样 ts 就能拿到 arr 具体的类型了。

https://www.typescriptlang.org/play?target=99&ssl=1&ssc=1&pln=22&pc=28#code/C4TwDgpgBAggTnAKgewEoQMbLgEwDyJQQAewEAdjgM5RwQCGOy5ANiFFcHAJbkDmAbQC6AGiioipCtXGZs+Tj35jyAVwC2AIwhwAfFAC8UAN4BffUcIkylGnUbM2UAQDo3vAGY6oARTGfvAHUhACgocKgAfihAyRsZRV4+KDCItOifOOkaRP5hVLTCqJNnAGsoXhihAC5fAQByFgo+YAALeqEoUygAMlgEFHQsXDwfXQKiiNrUCbTpifmQ0EgoADEWemAbAFVybmYCCxMJgXLK0ogQZA8oRBrb09DTEJCsck4oN4A3HWBDKAIWVstAYTFY7FygiEugAFPQELVEABKQz6YwTN4fZCaABWtVU5FK5GQAHdyP8APK4zDAFweODIdQAUXIXG4ECocIQLnU9DAMJhX38KIM+gEQoqQiRSImdGAqjg5OxOKg9Bo602Oz2B3gSDQchGiF042er2YHzoVFULD+Rm+vxhDXo9TE9U0Lqg9QwHVVNExwBlZveyCaLhYyD4MMt1tp9EMBiMAAYZZiQxAwxGoxyYy5NPGjABGFPmtMZyPRm0uDD5qAAJiRQA

codehz

2021-04-02 00:31:51 +08:00

@noe132 不是很懂，<T extends string>(input: T[]): Record<T, number>能解决的事情为啥要玩类型体操

noe132

2021-04-02 01:00:39 +08:00

@codehz 以为他要连值的类型也要一起有。。。