typescript getter / setter overload

Question

Is there a way to overload a typescript getter / setter?

I know that typescript provides function overloading so i came up with something like this:

public get stringOrNumber(): string { return this._stringOrNumber; }

public set stringOrNumber(value: number);
public set stringOrNumber(value: string) { 
    if(typeof stringOrNumber == 'number') {
        this._stringOrNumber = value.toString();
    } else {
        this._stringOrNumber = value;
    } 
}

But unfortunately this doesn't work =)

MartyIX · Accepted Answer · 2016-01-04 12:09:15Z

10

Do you mean something like this?

class A {

    protected _stringOrNumber: string|number;

    public get stringOrNumber(): string|number { 
        return this._stringOrNumber; 
    }

    public set stringOrNumber(value: string|number) { 
        if(typeof this.stringOrNumber === 'number') {
            this._stringOrNumber = value.toString();
        } else {
            this._stringOrNumber = value;
        } 
    }
}

[Playground]

answered Jan 4, 2016 at 12:09

MartyIX

28.8k33 gold badges143 silver badges218 bronze badges

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

4 Comments

pbo Over a year ago

Hi Martin, this is definitely an improvement. But i'd prefer that the protected property and the getter just represent a string. Only the setter should have a number overload. But then i get an error because the getter and setter must have the same type :/

MartyIX Over a year ago

There is a closed issue for this: github.com/Microsoft/TypeScript/issues/2521 (github.com/Microsoft/TypeScript/issues/4087) Unfortunately, the current behavior is by design.

pbo Over a year ago

Thx so your solution is the way to go for now. Even if i dont like the fact that a property has multiple types.

peterflynn Dec 2, 2024 at 21:49

@MartyIX as of TypeScript 5.1.0, it is now permitted for the setter and getter to have different types. See github.com/microsoft/TypeScript/issues/43662. Unfortunately setter overloads still do not appear to be supported (see this Playground example).

Collectives™ on Stack Overflow

typescript getter / setter overload

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related