JavaScript isPrototypeOf vs użytkowania instanceof

Question

Załóżmy, że mamy następujące:

function Super() { 
     // init code 
} 

function Sub() { 
     Super.call(this); 
     // other init code 
} 

Sub.prototype = new Super(); 

var sub = new Sub(); 

Następnie, w innej części naszego ocde, możemy zastosować jedną z następujących czynności, aby sprawdzić, relacji:

sub instanceof Super; 

lub

Super.prototype.isPrototypeOf(sub) 

Tak czy inaczej, musimy mieć zarówno obiekt (sub) i konstruktora nadrzędnego (Super). Czy istnieje jakikolwiek powód, dla którego używałbyś jednego z drugim? Czy jest jakaś inna sytuacja, w której rozróżnienie jest bardziej jasne?

Przeczytałem już uważnie 2464426, ale nie znalazłem wystarczająco dokładnej odpowiedzi.

Answer 1

Wyobraź sobie, że nie używaj w kodzie konstruktorów, ale zamiast tego używaj Object.create do generowania obiektów z określonym prototypem. Program może być architected używać żadnych konstruktorów w ogóle:

var superProto = { 
    // some super properties 
} 

var subProto = Object.create(superProto); 
subProto.someProp = 5; 

var sub = Object.create(subProto); 

console.log(superProto.isPrototypeOf(sub)); // true 
console.log(sub instanceof superProto);  // TypeError 

Tutaj nie ma funkcji konstruktora do korzystania z instanceof. Możesz użyć tylko subProto.isPrototypeOf(sub).

Answer 2

Nie ma to większego znaczenia, gdy korzystasz z funkcji konstruktora. instanceof jest prawdopodobnie trochę czystszy. Ale jeśli nie ...:

var human = {mortal: true} 
var socrates = Object.create(human); 
human.isPrototypeOf(socrates); //=> true 
socrates instanceof human; //=> ERROR! 

Więc isPrototypeOf jest bardziej ogólne.

Answer 3

var neuesArray = Object.create(Array); 

Array.isPrototypeOf(neuesArray);   // true 
neuesArray instanceof Array     // false 
neuesArray instanceof Object    // true 
Array.isArray(neuesArray);     // false 
Array.prototype.isPrototypeOf(neuesArray); // false 
Object.prototype.isPrototypeOf(neuesArray); // true 

Czy rozumiesz mojego przyjaciela :) - jest prosta