JavaScript: instanceof operator

by

even though MyConstructor.prototype is replaced myobject still inherits the properties from Myconstructor.prototype.

No. It inherits from the old object which was replaced. And since that object is !== MyConstructor.prototype, the instanceof operator will yield false. In your second example, myobject inherits from the new prototype (the current MyConstructor.prototype), and that’s what instanceof tells you.

So if myobject.constructor

The constructor property is completely unrelated to instanceof.

function Constructor() {}
var oldProto = Constructor.prototype;
var oldInstance = new Constructor();

Constructor.prototype = {constructor:"something else"};
var newProto = Constructor.prototype;
var newInstance = new Constructor();

// all these are true:
Object.getPrototypeOf(oldInstance) === oldProto;
Object.getPrototypeOf(newInstance) == newProto;
oldProto !== newProto;
oldProto.constructor === Constructor; // was set implicitly on creating the function
oldInstance.constructor === oldProto.constructor; // inherited
newProto.constructor === "something else"; // if not explicitly set, comes from Object.prototype
newInstance.constructor === newProto.constructor; // inherited

Constructor.prototype === newProto;
newInstance instanceof Constructor; // because the above

Constructor.prototype !== oldProto;
! (oldInstance instanceof Constructor) // because the above

More Related Contents:

  1. Prototypical inheritance – writing up [duplicate]
  2. What are the nuances of scope prototypal / prototypical inheritance in AngularJS?
  3. Use of ‘prototype’ vs. ‘this’ in JavaScript?
  4. What is the significance of the Javascript constructor property?
  5. Javascript object members that are prototyped as arrays become shared by all class instances
  6. Defining a Javascript prototype
  7. Defining methods via prototype vs using this in the constructor – really a performance difference?
  8. JS : Convert Array of Strings to Array of Objects
  9. ES6 arrow functions not working on the prototype?
  10. Extending an Object in Javascript
  11. Javascript when to use prototypes
  12. In JavaScript, why typeof Function.prototype is “function”, not “object” like other prototype objects?
  13. Setting methods through prototype object or in constructor, difference? [duplicate]
  14. Grasping prototypical Inheritance through pseudoclassical instantiation (JavaScript)
  15. Update parent scope variable in AngularJS
  16. Can I construct a JavaScript object without using the new keyword?
  17. How to access object prototype in javascript?
  18. ‘this’ keyword, not clear
  19. Adding Prototype to JavaScript Object Literal
  20. Javascript: hiding prototype methods in for loop?
  21. this Vs. prototype [duplicate]
  22. Can you create functions with custom prototypes in JavaScript?
  23. Advantages of setting the “constructor” Property in the “prototype”
  24. What does the new keyword do under the hood?
  25. JavaScript Event prototype in IE8
  26. ‘this’ is undefined in JavaScript class methods
  27. JS defineProperty and prototype
  28. [[Prototype]] vs prototype: ..what is the difference? (MyCons.__proto__ === MyCons.prototype) equals FALSE
  29. prototypal inheritance concept in javascript as a prototype based language
  30. ES6 – declare a prototype method on a class with an import statement

Leave a Comment