TypeScript call base class function from within extended class function override

Question

If I have an extended class that overrides a base class function, can I call the base class function within the extended class function? Something similar to:

class Base {

  DoSomething() {

    console.log("base class function");

  }

}

class Derived extends Base {

  DoSomething() {

    this.base.DoSomething();

    console.log("extended class function");

  }

}

The output from Derived.DoSomething() would ideally look like:

"base class function"
"extended class function"

Is this possible in TypeScript?

Does this answer your question? How to call a parent method from child class in javascript? — A_A
– A_A, Commented Oct 1, 2020 at 9:00
The second answer to that question is what I was looking for, thanks! I skipped that post at first because the question looked sufficiently different from what I was looking for. — Flopdong
– Flopdong, Commented Oct 1, 2020 at 9:09

A_A · Accepted Answer · 2020-10-01 08:56:46Z

6

Yes, you can access the parent methods via super keyword

class Base {
  foo() {
    console.log("base class function");
  }
}

class Derived extends Base {
  foo() {
    super.foo();
    console.log("extended class function");
  }
}

(new Derived()).foo()

answered Oct 1, 2020 at 8:56

A_A

1,9522 gold badges14 silver badges19 bronze badges

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

2 Comments

wael32gh Over a year ago

foo should be static I think

A_A Over a year ago

@wael32gh For this example static would make sense, however the console.log is just a placeholder for more complex logic, which may require it to be non-static by accessing properties of the class instance

Collectives™ on Stack Overflow

TypeScript call base class function from within extended class function override

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related