Inheritance | Object-Oriented JavaScript

Borrowing a Constructor

O ne more way of implementing inheritance (the last one in the chapter, I promise) has to do again with constructor functions, and not the objects directly. In this pattern the constructor of the child calls the constructor of the parent using either of the call() or apply() methods. This can be called stealing a constructor, or borrowing a constructor if you want to be more subtle about it.

call() and apply() were discussed in Chapter 4, but here's a refresher: they allow you to call a function and pass an object that the function should bind to its this value. So for inheritance purposes, the child constructor calls the parent's constructor and binds child's newly-created this object as the parent's this.

Let's have this parent constructor Shape():

function Shape(id) {
  this.id = id;
}
Shape.prototype.name = 'shape';
Shape.prototype.toString = function(){return this.name;};

Now let's define Triangle() which uses apply() to call the Shape() constructor, passing this...

Tech Concepts

Programming languages

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

Object-Oriented JavaScript

Object-Oriented JavaScript

Overview of this book

Borrowing a Constructor

Confirmation

Buy this book with your credits?

Submit Your Feedback

Create a Free Account To Continue Reading

Sign in to activate your 7-day free access