Inheritance | Object-Oriented JavaScript

Copying Properties

Now let's try a slightly different approach. Since inheritance is about reusing code, you can simply copy properties from the parent to the child. Keeping the same interface as the extend() function above, you can create a function extend2() which takes two constructor functions and copies all of the properties from the parent's prototype to the child's prototype. This will include methods, as methods are just properties that happen to be functions.

function extend2(Child, Parent) {
  var p = Parent.prototype;
  var c = Child.prototype;
  for (var i in p) {
    c[i] = p[i];
  }
  c.uber = p;
}

As you can see, a simple loop through the properties is all it takes. As with the previous example, you can set an uber property if you want to have easy access to parent's methods from the child. Unlike the previous example though, it is not necessary to reset the Child.prototype.constructor because here the child prototype is augmented, not overwritten completely, so the constructor...

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

Copying Properties

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