TypeScript abstract method using lambda/arrow function

Question

I am using TypeScript 1.6 and would like to create an abstract class with an abstract method but use a lambda/arrow function in the concrete class.

Is this possible? The code shown below does not compile as it says

"Class 'Base' defines instance member function 'def', but extended class 'Concrete' defines it as instance member property"...

abstract class Base {
    abstract abc(): void;
    abstract def(): void;
}

class Concrete extends Base {
    private setting: boolean;

    public abc(): void  {
        this.setting = true;
    }

    public def = (): void => {
        this.setting = false;
    }
}

Bruno Grieder · Accepted Answer · 2015-10-29 09:24:43Z

2

My understanding of Typescript specifications is that when you are declaring

public def = (): void => {
    this.setting = false;
}

You are actually declaring a property called def and not a method on the Base class.

Properties cannot (unfortunately IMHO) be abstracted in Typescript: https://github.com/Microsoft/TypeScript/issues/4669

answered Oct 29, 2015 at 9:24

Bruno Grieder

30k10 gold badges73 silver badges104 bronze badges

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

1 Comment

Craig Broadman Over a year ago

That would certainly make the error message make a lot more sense. Unfortunately, my def method makes a call to a function that returns a promise and inside of the promise callback I need to refer to "this" hence the reason I want to use a lambda/arrow function. Therefore I guess my only other option is to use var self = this; etc

user764754 · Accepted Answer · 2019-03-18 16:30:36Z

2

You can use an abstract property:

abstract class Base {    
    abstract def: () => void; // This is the abstract property
}

class Concrete extends Base {
    private setting: boolean;    

    public def = (): void => {
        this.setting = false;
    }
}

var myVar: Base = new Concrete();
myVar.def();
console.log((myVar as any).setting); // gives false

answered Mar 18, 2019 at 16:30

user764754

4,2863 gold badges41 silver badges62 bronze badges

1 Comment

Aditya Ishan Over a year ago

Cool, got the understanding now.

Sergey Martynov · Accepted Answer · 2018-03-19 21:42:43Z

0

You could do that starting typescript 2.0. In order to make that work you would need to declare a type for your arrow function

type defFuntion = () => void;

then declare

abstract class Base {
    abstract abc(): void;
    abstract readonly def: defFuntion;
}

here is a reference for this feature

answered Mar 19, 2018 at 21:42

Sergey Martynov

4264 silver badges3 bronze badges

Collectives™ on Stack Overflow

TypeScript abstract method using lambda/arrow function

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related