Warum in JavaScript sowohl "Objekt instanceof-Funktion" und "Funktion instanceof Objekt" true " zurück?

Es dauerte eine Weile für mich, um herauszufinden, aber die wirklich Wert die Zeit verbrachte. Erste, lassen Sie uns sehen, wie instanceof funktioniert.

Zitat aus MDN,

Den instanceof - operator prüft, ob ein Objekt in seiner Prototyp-Kette, die prototype Eigenschaft eines Konstruktors.

[instanceof]

Nun, lassen Sie uns sehen, wie instanceof ist definiert durch ECMA 5.1 Spezifikation,

Die Produktion RelationalExpression: RelationalExpression instanceof ShiftExpression wird wie folgt bewertet:

1. Lassen lref werden das Ergebnis der Auswertung RelationalExpression.
2. Lassen lval werden GetValue(lref).
3. Lassen rref werden das Ergebnis der Auswertung ShiftExpression.
4. Lassen rval werden GetValue(rref).
5. Wenn Type(rval) ist nicht Objekt, werfen Sie einen TypeError Ausnahme.
6. Wenn rval keinen [[HasInstance]] interne Methode, werfen Sie einen TypeError Ausnahme.
7. Return das Ergebnis des Aufrufs der [[HasInstance]] interne Methode der rval mit dem argument lval.

Erste, der linken und der rechten Seite Ausdrücke ausgewertet werden (GetValue) und dann mit der rechten Seite Ergebnis sollte ein Objekt mit [[HasInstance]] interne Methode. Nicht alle Objekte haben [[HasInstance]] interne Methode, funktioniert aber. Zum Beispiel, die folgenden fehl

console.log(Object instanceof {});
# TypeError: Expecting a function in instanceof check, but got #<Object>

[[HasInstance]]

Nun, lassen Sie uns sehen, wie [[HasInstance]] definiert wurde, in der ECMA 5.1 Spezifikation,

Übernehmen F ist ein Function-Objekt.

Wenn die [[HasInstance]] interne Methode der F genannt wird, mit dem Wert V werden die folgenden Schritte unternommen werden:

1. Wenn V ist nicht ein Objekt, zurück false.
2. Lassen O werden das Ergebnis des Aufrufs der [[Get]] interne Methode der F mit den Namen der Eigenschaft "prototype".
3. Wenn Type(O) ist nicht Objekt, werfen Sie einen TypeError Ausnahme.
4. Wiederholen
   1. Lassen V werden der Wert der [[Prototype]] interne Eigenschaft von V.
   2. Wenn V ist null, zurück false.
   3. Wenn O und V auf das gleiche Objekt beziehen, zurück true.

Es ist so einfach. Nehmen Sie die prototype Eigenschaft von F und vergleichen Sie es mit der [[Prototype]] interne Eigenschaft von O bis es zu null oder prototype von F ist das gleiche wie O.

[[prototype]] interne Eigenschaft

Lasst uns zuerst sehen, was ist das [[prototype]] interne Eigenschaft,

Alle Objekte haben einen internen Eigenschaft mit dem Namen [[Prototype]]. Der Wert dieser Eigenschaft ist entweder null oder ein Objekt und ist für die Umsetzung der Vererbung. Ob oder ob nicht eine native Objekts kann ein host-Objekt als [[Prototype]] an der Umsetzung hängt. Jeder [[Prototype]] Kette müssen endlicher Länge (das heißt, ausgehend von einem Objekt, rekursiv Zugriff auf die [[Prototype]] interne Eigenschaft muss schließlich zu einer null Wert).

Hinweis: Wir können dieses internen Eigenschaft mit dem - Objekt.getPrototypeOf Funktion.

prototype Eigenschaft

[[HasInstance]] spricht auch über eine andere Eigenschaft genannt prototype, die sich speziell auf das Function Objekte.

Den Wert der prototype Eigenschaft wird verwendet, um die Initialisierung des [[Prototype]] interne Eigenschaft einer neu erstellten Objekt, bevor Sie die Funktion Objekt aufgerufen, die als Konstruktor für das neu erstellte Objekt.

Dies bedeutet, dass, wenn eine function-Objekt wird verwendet, wie ein Konstruktor, der ein neues Objekt erstellt werden und die neuen Objekts wird seine interne [[Prototype]] initialisiert mit diesem prototype Eigenschaft. Zum Beispiel,

function Test() {}
Test.prototype.print = console.log;
console.log(Object.getPrototypeOf(new Test()) === Test.prototype);
# true

Eigentliche problem

Nun lassen Sie uns zurück zu der eigentlichen Frage. Nehmen wir den ersten Fall

console.log(Object instanceof Function);
# true

Holt Function.prototype ersten mal und es wird versuchen, und finden, wenn dieses Objekt in der Prototyp-Hierarchie von Object. Lassen Sie uns sehen, was das wird

console.log(Function.prototype);
# [Function: Empty]
console.log(Object.getPrototypeOf(Object));
# [Function: Empty]
console.log(Object.getPrototypeOf(Object) === Function.prototype);
# true

Da die Function.prototype entspricht der Object's interne Eigenschaft [[Prototype]] es gibt true.

Nun nehmen wir den zweiten Fall

console.log(Function instanceof Object);
# true
console.log(Object.prototype);
# {}
console.log(Object.getPrototypeOf(Function));
# [Function: Empty]
console.log(Object.getPrototypeOf(Function) === Object.prototype);
# false
console.log(Object.getPrototypeOf(Object.getPrototypeOf(Function)));
# {}
Object.getPrototypeOf(Object.getPrototypeOf(Function)) === Object.prototype
# true

Hier, ersten, erhalten wir die Object.prototype, die {}. Nun, es versucht zu finden, wenn das gleiche Objekt {} ist es in der Function's Prototyp-Kette. Unmittelbare übergeordnete Function ist und die Leere Funktion.

console.log(Object.getPrototypeOf(Function));
# [Function: Empty]

Es ist nicht das gleiche wie Object.prototype

console.log(Object.getPrototypeOf(Function) === Object.prototype);
# false

Aber die [[HasInstance]] Algorithmus Stoppt nicht dort. Es wiederholt sich und bekommt eine weitere Ebene,

console.log(Object.getPrototypeOf(Object.getPrototypeOf(Function)));
# {}

- Und das ist das gleiche wie Object.prototype. Das ist, warum diese zurück true.

InformationsquelleAutor thefourtheye

ALLE Objekte haben eine interne Eigenschaft [[Prototype]]. Der Wert dieser Eigenschaft entweder null oder ein Objekt und ist für die Umsetzung der Vererbung. Wenn Sie versuchen, zu suchen, bis Sie eine Taste auf ein Objekt und es wird nicht gefunden, JavaScript Aussehen wird, für die es in der Prototyp-Kette.

Den Function-Konstruktor erzeugt neue Funktion Objekte (Instanzen der Function-Konstruktor). Die prototype-Eigenschaft ist spezifisch für die Funktion von Objekten. Die Konstruktor-Funktion ist selbst eine Funktion-Objekt (Instanz von Function-Konstruktor).

Wenn ein Function-Objekt wird verwendet, wie ein Konstruktor, der ein neues Objekt erstellt werden und das neue Objekt wird seinem [[Prototype]] initialisiert mit der prototype-Eigenschaft des Konstruktors.

function Dog () {}
var myCrazyDog = new Dog();
myCrazyDog.__proto__ === Dog.prototype //true

Die Sprache Skillung ist, dass alle Objekte Instanzen von Object-Konstruktor, und alle Funktionen sind Instanzen der Function-Konstruktor.

Objekt instanceof-Funktion ist wahr,, weil Objekt ist eine Funktion und ist somit eine Instanz der Funktion (Objekt ist ein Function-Objekt - eine Instanz der Function-Konstruktor). Objekt erbt von der Funktion.der Prototyp.

console.log(Object instanceof Function)                         //true
console.log(Object.__proto__ === Function.prototype)            //true

Objekt instanceof Objekt ist wahr, weil die Objekt erbt von der Funktion.der Prototyp. Da Die Funktion.Prototyp ist ein Objekt,, erbt von Object.der Prototyp.
Function-Instanz des Objekts true ist, weil die Funktion erbt von der Funktion.der Prototyp. Da Die Funktion.Prototyp ist ein Objekt,, erbt von Object.der Prototyp.
Die Prototyp-Kette sieht wie folgt aus:

Object ---> Function.prototype ---> Object.prototype ---> null
Function ---> Function.prototype ---> Object.prototype ---> null

console.log(Object instanceof Object)                               //true
console.log(Object.__proto__ === Function.prototype)                //true
console.log(Object.__proto__.__proto__ === Object.prototype)        //true
console.log(Function instanceof Object)                             //true
console.log(Function.__proto__ === Function.prototype)              //true
console.log(Function.__proto__.__proto__ === Object.prototype)      //true

Funktion instanceof-Funktion ist wahr,. Funktion wird eine Instanz von sich selbst (natürlich, da es eine Funktion ist, und damit eine Instanz-Funktion). Die Prototyp-Kette sieht wie folgt aus:

Function ---> Function.prototype ---> Object.prototype ---> null

console.log(Function instanceof Function)                           //true
console.log(Function.__proto__ === Function.prototype)              //true
console.log(Function.__proto__.__proto__ === Object.prototype)      //true

So beachten Sie, dass die Funktion() und Object () - Konstruktoren sind Funktionen. Denn Sie sind Funktionen, die Instanzen der Function () - Konstruktor und Vererbung aus-Funktion.der Prototyp.
Da Die Funktion.Prototyp ist ein Objekt, Funktion.Prototyp ist eine Instanz von Object, so Erben von Object.der Prototyp.

console.log(Object instance of Function)                    //true
console.log(Function instance of Function)                  //true
console.log(Function.prototype instanceof Object);          //true

InformationsquelleAutor misterd89

Den meisten badass-Eigenschaft ist eigentlich, dass die Funktion eine Instanz von sich selbst. Function instanceof Function true zurück.

Ist es schön erklärt in Kannan ' s Die Überraschend Eleganten Javascript-Type-Modell, bei http://web.archive.org/web/20140205182624/http://vijayan.ca/blog/2012/02/21/javascript-type-model

Zitat Ende die Erklärung:

Ja, das bedeutet, dass die Funktion eine Instanz von sich selbst (natürlich, da es eine Funktion ist, und damit eine Instanz-Funktion). Dies ist etwas, was wir alle schon zu tun haben, wissentlich oder nicht, für eine lange Zeit jetzt – alle Konstruktor-Funktionen sind reguläre Funktionen und damit Instanzen der Funktion und die Funktion selbst ist nur der Konstruktor-Funktion für die Konstruktion von anderen Funktionen, so dass es auch eine Instanz der Funktion.

InformationsquelleAutor Aurélien Ribon