我有这个:
interface Obj {
foo: string,
bar: number,
baz: boolean
}
所需的类型是该元组:
[string, number, boolean]
如何将接口转换为元组?
更新:
我原来的问题是: 我以声明性的精神编写了一些自以为是的库,用户应在其中以对象文字形式描述函数的参数。像这样:
let paramsDeclaration = {
param1: {
value: REQUIRED<string>(),
shape: (v) => typeof v === 'string' && v.length < 10
},
param2: {
value: OPTIONAL<number>(),
...
},
}
然后,库将使用该对象并使用其参数创建函数:
(param1: string, param2?: number) => ...
因此,实现此类功能不是问题,问题在于正确地键入,以便用户获得良好的代码完成(IntelliSense)。
P.S。我知道这是无法解决的,但是了解什么是最可能的解决方法/黑客会很有趣。
答案 0 :(得分:1)
并不是对这个问题的真正答案,但是由于我实际上并不认为有可能这样做,因此希望这至少在某种程度上有所帮助:
function REQUIRED<T>(): T {
//...
}
function OPTIONAL<T>(): T {
//...
}
interface ParamsDeclaration {
readonly [paramName: string]: {
readonly value: any;
readonly shape?: Function;
};
}
type Func<T> = T extends {
readonly [paramName: string]: {
readonly value: infer U;
};
} ? (...params: Array<U>) => void
: never;
function create<T extends ParamsDeclaration>(paramsDeclaration: T): Func<T> {
// ...
}
const paramsDeclaration = {
param1: {
value: REQUIRED<string>(),
shape: (v: any) => typeof v === 'string' && v.length < 10
},
param2: {
value: OPTIONAL<number>(),
//...
},
};
// Type is '(...params: (string | number)[]) => void'
const func1 = create(paramsDeclaration);
func1('1', 2); // Ok
func1(2, '1'); // Ok, but I assume not what you want
func1(Symbol()); // TS error
答案 1 :(得分:1)
其他建议,
它需要设置参数顺序。
interface Param {
readonly value: any;
readonly shape?: Function;
}
type Func<T extends Record<string, Param>, orders extends (keyof T)[]> = (...args:{
[key in keyof orders]:orders[key] extends keyof T ? T[orders[key]]['value']: orders[key];
})=>void;
function create<T extends Record<string, Param>, ORDERS extends (keyof T)[]>(params: T, ...orders:ORDERS): Func<T, ORDERS> {
return 0 as any;
}
const func1 = create({a:{value:0}, b:{value:''}, c:{value:true}}, 'a', 'b', 'c');
func1(0, '1', true); // ok
func1(true, 0, '1'); // error
或
数组的ParamDeclarations
type Func2<T extends Param[]> = (...args:{
[key in keyof T]:T[key] extends Param ? T[key]['value'] : T[key]
})=>void;
function create2<T extends Param[], ORDERS extends (keyof T)[]>(...params: T): Func2<T> {
return 0 as any;
}
const func2 = create2({value:0}, {value:''}, {value:true});
func2(0, '1', true); // ok
func2(true, 0, '1'); // error
答案 2 :(得分:0)
在 90% 的情况下,您认为在 Typescript 中某些事情是不可能的,真正的答案是它是可能的,但您可能不应该这样做。
这里有一个使用 this answer 中的 TuplifyUnion
的解决方案,它将联合类型转换为元组类型;请注意,我们需要从对象键的联合开始,不是它的值,因为值本身可能是联合(例如,boolean
在技术上是 true | false
)。 >
阅读该链接答案以详细说明 // oh boy don't do this
评论的含义。如果您希望 API 的用户指定 API 生成的函数的参数,那么明智的选择是首先在数组中接受这些参数规范。
type ObjValueTuple<T, KS extends any[] = TuplifyUnion<keyof T>, R extends any[] = []> =
KS extends [infer K, ...infer KT]
? ObjValueTuple<T, KT, [...R, T[K & keyof T]]>
: R
// type Test = [string, number, boolean]
type Test = ObjValueTuple<Obj>