2017-11-04 107 views
0

案例:如何在打字稿中展平泛型類型聲明?

的函數輸入一個嵌套通用對象,以及輸出平板狀物體等如下:

interface Deep<T> { 
    p1: T; 
    p2: T; 
} 

type Nested<T> = { 
    [P in keyof T]: Deep<any>; 
} 

type Flat<T, ?> = { 
    [P in keyof T]: T[P]?; 
} 

function flat<T extends Nested<T>>(input: T, p: keyof Deep<any>): Flat<T, ?> { 
    const put: any = {} 
    for (let k in input) 
    put[k] = input[k][p] 
} 

const foo = flat({ 
    name: { p1: 'name', p2: 'name' }, 
    { fn: { p1:() => 0, p2:() => 1 } 
}) 

在這種情況下,輸入是具有不同Deep類型嵌套對象,希望打字稿可以暗示foo.name的類型爲stringfoo.fn的類型爲() => number

我該如何聲明Flat<T, ?>的類型?

回答

2

我不得不修復你的類型和代碼,猜測你想做什麼,但看起來這是一個你想要的例子inference from mapped types。而不是試圖描述一種類型函數Flat<>,是以輸入Nested<?>和壓平其產生的輸出類型,執行反向:想到T作爲扁平輸出類型和Nested<T>作爲輸入的類型:

// this is the same 
interface Deep<T> { 
    p1: T; 
    p2: T; 
} 

// changed: for every property of T with key P and value of type T[P], 
// there is a property of Nested<T> with key P and value of type Deep<T[P]> 
type Nested<T> = { 
    [P in keyof T]: Deep<T[P]>; 
} 

// output is T, input is Nested<T> and a key of Deep<> 
function flat<T>(input: Nested<T>, p: keyof Deep<any>): T { 
    const put = {} as T; // assert as type T 
    for (let k in input) 
    put[k] = input[k][p]; 
    return put; // added return value 
} 

我們可以按你想要的方式使用它:

const foo = flat({ 
    name: { p1: 'name', p2: 'name' }, 
    fn: { p1:() => 0, p2:() => 1 }, 
}, 'p2'); // example code lacked 'p1' or 'p2' argument 

foo.name.charAt(0); // works 
foo.fn().toFixed(0); // works 

希望有幫助;祝你好運!