JavaScript Vererbung erweitert Funktion

Question

ich einige Probleme mit der IF-Klausel am Ende dieser Funktion von Pro JavaScript Design Patterns zu verstehen:

function extend(subClass, superClass) { 
    var F = function() {}; 
    F.prototype = superClass.prototype; 
    subClass.prototype = new F(); 
    subClass.prototype.constructor = subClass; 

    subClass.superclass = superClass.prototype; 
    if(superClass.prototype.constructor == Object.prototype.constructor) { 
     superClass.prototype.constructor = superClass; 
    } 
} 

Das Buch erklärt, dass diese Linien sorgen dafür, dass die Konstruktor-Attribut der übergeordnete Klasse ist richtig gesetzt, auch wenn die Oberklasse die Objektklasse selbst ist. Doch wenn ich diese drei Zeilen auslassen und wie folgt vorgehen:

function SubClass() {}; 
extend(SubClass, Object); 

alert(Object.prototype.constructor == Object); 

Der Alarm sagt, wahr ', was bedeutet, dass der Konstruktor der übergeordneten Klasse richtig eingestellt ist auch ohne diese letzten drei Zeilen. Unter welchen Bedingungen macht diese IF-Anweisung dann etwas Sinnvolles?

Danke.

Answer 1

Das Problem, das diese beiden Linien versuchen, zu vermeiden, wird im allgemeinen, wenn Sie die prototype Eigenschaft einer Constructor Funktion ersetzen, zum Beispiel:

function Foo() {}; 
Foo.prototype = { 
    bar: 'baz' 
}; 

var foo = new Foo(); 
foo.constructor === Object; // true, but `constructor` should refer to Foo 

Wenn functions objects are created, die prototype Eigenschaft mit einem neuen Objekt initialisiert wird , die enthält eine constructor Eigenschaft, die sich auf die Funktion verweist, zB:

function Bar() {}; 
var bar = new Bar(); 
bar.constructor === Bar; // true 

Wenn Sie die prototype Eigenschaft ersetzen ein anderes Objekt, dieses Objekt hat seine eigene constructor Eigenschaft, die normalerweise von einem anderen Konstruktor oder von Object.prototype geerbt wird.

var newObj = {}; 
newObj.constructor === Object; 

Empfohlene Artikel:

• Constructors considered mildly confusing
• JavaScript Prototypal Inheritance