Why is it necessary to set the prototype constructor?

by

It’s not always necessary, but it does have its uses. Suppose we wanted to make a copy method on the base Person class. Like this:

// define the Person Class  
function Person(name) {
    this.name = name;
}  

Person.prototype.copy = function() {  
    // return new Person(this.name); // just as bad
    return new this.constructor(this.name);
};  

// define the Student class  
function Student(name) {  
    Person.call(this, name);
}  

// inherit Person  
Student.prototype = Object.create(Person.prototype);

Now what happens when we create a new Student and copy it? 

var student1 = new Student("trinth");  
console.log(student1.copy() instanceof Student); // => false

The copy is not an instance of Student. This is because (without explicit checks), we’d have no way to return a Student copy from the “base” class. We can only return a Person. However, if we had reset the constructor:

// correct the constructor pointer because it points to Person  
Student.prototype.constructor = Student;

…then everything works as expected:

var student1 = new Student("trinth");  
console.log(student1.copy() instanceof Student); // => true

More Related Contents:

  1. Use of .apply() with ‘new’ operator. Is this possible?
  2. Benefits of prototypal inheritance over classical?
  3. prototype based vs. class based inheritance
  4. Understanding prototypal inheritance in JavaScript
  5. What does it mean that Javascript is a prototype based language?
  6. Why are my JavaScript object properties being overwritten by other instances?
  7. Objects don’t inherit prototyped functions
  8. Define Private field Members and Inheritance in JAVASCRIPT module pattern
  9. JavaScript Extending Class
  10. Typescript: can not access member value in inherited class constructor
  11. Is John Resig’s Javascript inheritance snippet deprecated?
  12. Organize prototype javascript while perserving object reference and inheritance
  13. Defining a Javascript prototype
  14. Constructors in JavaScript objects
  15. How does the new operator work in JavaScript?
  16. What is “undefined x 1” in JavaScript?
  17. How to inherit from a class in javascript?
  18. How to extend Function with ES6 classes?
  19. Properties of Javascript function objects
  20. Subclassing Javascript Arrays. TypeError: Array.prototype.toString is not generic
  21. Extend Javascript promise and resolve or reject it inside constructor
  22. Object oriented javascript with prototypes vs closures
  23. Javascript OOP best practices? [closed]
  24. What does `new` in JavaScript do, anyway? [duplicate]
  25. Does JavaScript have classes?
  26. Typescript: How to extend two classes?
  27. clearRect not working
  28. Does ECMAScript 6 have a convention for abstract classes? [duplicate]
  29. Why is it impossible to change constructor function from prototype?
  30. How to access a method from a class from another class?

Leave a Comment