首頁(yè) 猿問(wèn) TypeScript：有沒(méi)有一種方...

TypeScript：有沒(méi)有一種方法可以輸入函數(shù)，以便它根據(jù)參數(shù)動(dòng)態(tài)返回不同類型的結(jié)果

JavaScript

白衣非少年 2023-08-05 19:37:52

這是一個(gè)非常人為的例子，所以請(qǐng)耐心等待：我有一個(gè)功能foo。它采用該類型的對(duì)象作為其參數(shù)interface Foo { bar: number, baz: number, enabled?: boolean,}當(dāng)enabled用戶未提供或?yàn)?false 時(shí)，foo將返回類型的對(duì)象Resultinterface Result { result: number}所以它只是將這兩個(gè)數(shù)字相加，如下所示function foo({bar, baz}: Foo): Result { return { result: bar + baz }}問(wèn)題是：當(dāng)enabled參數(shù)中提供并將其設(shè)置為時(shí)true，我希望函數(shù)返回另一種類型的結(jié)果，其中它有另一個(gè)字段isEqual，該字段指示bar和baz是否相等。很喜歡interface AnotherResult { result : number, isEqual: boolean}這是我們?nèi)绾问褂眠@個(gè)功能const {result} = foo({baz: 1, bar: 2})// orconst {result, isEqual} = foo({baz: 1, bar: 2, enabled: true})理想情況下，當(dāng)用戶enabled: true在 params 中包含時(shí)foo，他們可以 isEqual從的返回值進(jìn)行解構(gòu)foo，而當(dāng)他們不提供enabled或設(shè)置時(shí)enabled: false，他們無(wú)法isEqual從的返回值進(jìn)行解構(gòu) foo。這是我的嘗試，但我想不出一種方法來(lái)根據(jù)參數(shù)動(dòng)態(tài)確定返回值的類型。我想知道 TypeScript 是否可以做到這一點(diǎn)nterface Foo { bar: number, baz: number, enabled?: boolean,}interface Result { result: number}interface IsEqual { isEqual: boolean}type ResultWithIsEqualEnabled = Result & IsEqualfunction foo({bar, baz, enabled = false}: Foo): ResultWithIsEqualEnabled { return { result: bar + baz }}

查看完整描述

2 回答

陪伴而非守候

TA貢獻(xiàn)1757條經(jīng)驗(yàn) 獲得超8個(gè)贊

您可以使用函數(shù)重載：

interface Foo {

bar: number,

baz: number,

}

interface FooEnabled extends Foo {

enabled: true,

}

interface Result {

result: number;

}

interface IsEqual extends Result {

isEqual: boolean

}

function foo(foo: FooEnabled): IsEqual;

function foo<T extends Foo>(foo: T): Result;

function foo({bar, baz, enabled}: FooEnabled): Result | IsEqual {

const result = baz + bar;

if (enabled) {

return {

result,

isEqual: bar === baz,

}

return {

result,

}

const {result} = foo({

bar: 5,

baz: 5,

});

const {result: anotherOneResult, isEqual} = foo({

bar: 5,

baz: 5,

enabled: true,

})

反對(duì) 回復(fù) 2023-08-05

Smart貓小萌

TA貢獻(xiàn)1911條經(jīng)驗(yàn) 獲得超7個(gè)贊

您可以在打字稿中為函數(shù)定義多個(gè)返回類型。對(duì)于您的示例，您可以這樣做：

    function foo({bar, baz,enabled=false}: Foo): Result | AnotherResult { 
          return (enabled==true)?{result: bar + baz, isEqual: true}: {result: bar + baz} ;
    }

反對(duì) 回復(fù) 2023-08-05