Typescript make param optional

Question

I am trying to make a parameter optional, but still make typescript understand what will get returned from function.

If param is defined, then type of param is returned. Otherwise - if no param is provided, function will return undefined.

const meh = <T>(initialData?: T): { data: T | undefined} => {
    if (initialData) {
        return { data: initialData }
    }

    return {
        data: undefined
    }
}

const res1: undefined = meh().data // is ok:

type ResType = {
    hello: string
}

const res2: ResType = meh<ResType>({ hello: 'hello'}).data.hello // TS error: Object is possibly undefined

Which makes sense. Though, I found conditional types and I though I could do something like

const meh = <T>(initialData?: T): { data: T ? T : undefined} => {

, but it gives syntax error.

pushkin · Accepted Answer · 2020-02-06 19:09:55Z

1

Could you use function overloads?

function meh(): { data: undefined };
function meh<T>(initialData: T): { data: T };

function meh<T>(initialData?: T): any {
    if (initialData) {
        return { data: initialData }
    }

    return {
        data: undefined
    }
}

type ResType = {
    hello: string
}

const res1: ResType = meh<ResType>({ hello: 'hello'}).data
const res2: undefined = meh().data

answered Feb 6, 2020 at 19:09

pushkin

10.4k16 gold badges65 silver badges112 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Adam Over a year ago

I never used them before. Thank you so much!

Collectives™ on Stack Overflow

Typescript make param optional

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related