JavaScript Inheritance [closed]

by

To implement javascript inheritance in ECMAScript 5 you can define the prototype of an object and use Object.create to inherit. You can also add/override properties as much as you want.

Example:

/**
 * Transform base class
 */
function Transform() {
    this.type = "2d";
}

Transform.prototype.toString = function() {
    return "Transform";
}

/**
 * Translation class.
 */
function Translation(x, y) {
    // Parent constructor
    Transform.call(this);

    // Public properties
    this.x = x;
    this.y = y;
}

// Inheritance
Translation.prototype = Object.create(Transform.prototype);

// Override
Translation.prototype.toString = function() {
    return Transform.prototype.toString() + this.type + " Translation " + this.x + ":" + this.y;
}

/**
 * Rotation class.
 */
function Rotation(angle) {
    // Parent constructor
    Transform.call(this);

    // Public properties
    this.angle = angle;
}

// Inheritance
Rotation.prototype = Object.create(Transform.prototype);

// Override
Rotation.prototype.toString = function() {
    return Transform.prototype.toString() + this.type + " Rotation " + this.angle;
}

// Tests
translation = new Translation(10, 15);

console.log(translation instanceof Transform); // true
console.log(translation instanceof Translation); // true
console.log(translation instanceof Rotation); // false

console.log(translation.toString()) // Transform2d Translation 10:15

More Related Contents:

  1. Prototypical inheritance – writing up [duplicate]
  2. What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
  3. Use of .apply() with ‘new’ operator. Is this possible?
  4. JavaScript inheritance and the constructor property
  5. Why is it necessary to set the prototype constructor?
  6. Why wouldn’t I use Child.prototype = Parent.Prototype rather than Child.prototype = new Parent(); for Javascript inheritance?
  7. Benefits of prototypal inheritance over classical?
  8. prototype based vs. class based inheritance
  9. Understanding prototypal inheritance in JavaScript
  10. How to extend a class without having to use super in ES6?
  11. How to extend Function with ES6 classes?
  12. What does it mean that Javascript is a prototype based language?
  13. classical inheritance vs prototypal inheritance in javascript
  14. JavaScript inheritance: Object.create vs new
  15. How to implement inheritance in JS Revealing prototype pattern?
  16. Grasping prototypical Inheritance through pseudoclassical instantiation (JavaScript)
  17. Can I construct a JavaScript object without using the new keyword?
  18. Can a JavaScript object have a prototype chain, but also be a function?
  19. Javascript Class Inheritance For Functions
  20. Pseudo-classical inheritance with privacy?
  21. Subclassing Javascript Arrays. TypeError: Array.prototype.toString is not generic
  22. Extend Javascript promise and resolve or reject it inside constructor
  23. Why are my JavaScript object properties being overwritten by other instances?
  24. Objects don’t inherit prototyped functions
  25. Define Private field Members and Inheritance in JAVASCRIPT module pattern
  26. How to check if a Javascript Class inherits another (without creating an obj)?
  27. Performing inheritance in JavaScript
  28. Typescript: can not access member value in inherited class constructor
  29. Is event a global variable that is accessible everywhere inside the callback chain?
  30. Advantages of setting the “constructor” Property in the “prototype”

Leave a Comment