JavaScript kurucusu çalıştırılmıyor mu?

Question

JavaScript devralma işleminde bulduğum bir örneği uygulamaya çalışıyorum ve alt nesne beklenildiği şekilde oluşturmuyor gibi görünüyor. Aşağıdaki örnekte, jill örneğini oluşturmak bir Jill nesnesini döndürmez ve alt öğe veya üst öğeden yöntemler çağrılmaz.

Sen yanlış nesne başlatıyorsunuz

var Person = function() { 
    this.name = "unnamed"; 
} 
Person.prototype.sayName = function() { 
    console.log("My name is " + this.name); 
} 
var Jill = function() { 
    var jill = function() { 
    Person.call(this); 
    this.name = "Jill"; 
    }; 
    jill.prototype = Object.create(Person.prototype); 
    jill.prototype.constructor = jill; 
    jill.prototype.expressJoy = function() { 
    console.log("Huray!"); 
    }; 
    return jill; 
} 
var jill = new Jill(); 
console.log(jill instanceof Jill); // false 
jill.expressJoy(); // error, is not a function 
jill.sayName(); // error, seen if comment out previous line 

Answer 1

çalışması gerekir Düzenli işlev, yapıcı değil. aşağıda gösterildiği gibi
kodunuzu değiştirin :

var Jill = (function() { 
    function Jill() { 
     Person.call(this); 
     this.name = "Jill"; 
    }; 
    Jill.prototype = Object.create(Person.prototype); 
    Jill.prototype.constructor = Jill; 
    Jill.prototype.expressJoy = function() { 
     console.log("Huray!"); 
    }; 
    return Jill; 
})(); 

var jill = new Jill(); 
console.log(jill); // Jill {name: "Jill"} 
console.log(jill instanceof Jill); // true 
jill.expressJoy(); // Huray! 
jill.sayName(); // My name is Jill 

Şimdi Jill Eğer beklendiği gibi nesneleri üretecek bir "gerçek" yapıcı olduğunu. (BTW, Bir kurucu adı iyi uygulamaya göre büyük harfle başlamalıdır)

Answer 2

,

var jill = Jill(); 
var obj = new jill(); 

fonksiyon Jill bir fonksiyon reference değil object dönüyor. Ve bunun üzerine, geri dönen fonksiyon referansı ihtiyacımız için object'u oluşturmamız gerekiyor. senin kod ile

Answer 3

yapmanız gerekenler: iç fonksiyonunda

1) return new jill(); ve sonra

2) var jill = Jill(); yeni bir örneğini oluşturur işlevi çağırmak için.

DEMO

Bu

bir daha az karmaşık bir yöntemdir.

function Person() { 
    this.name = "unnamed"; 
} 

Person.prototype.sayName = function() { 
    console.log("My name is " + this.name); 
} 

function Jill() { 
    Person.call(this); 
    this.name = "Jill"; 
} 
Jill.prototype = Object.create(Person.prototype); 
Jill.prototype.constructor = Jill; 
Jill.prototype.expressJoy = function() { 
    console.log("Huray!"); 
}; 

var jill = new Jill(); 

DEMO

Answer 4

Bu, ayrıntılı açıklama ile düzeltilmiş kod düzenleyeceksiniz edilir:

JSBIN Example

// This is your Person class, all "people" will inherit from this object 

var Person = function() { 
    this.name = "unnamed"; 
}; 
// add the sayName function to this prototype 
Person.prototype.sayName = function() { 
    console.log("My name is " + this.name); 
}; 

// now we make a 'Jill' constructor; 
var Jill = function() { 
    Person.call(this); // bind this (Jill) to Person 
    this.name = 'jill'; 
}; 

// create the correct prototype delegation here 
Jill.prototype = Object.create(Person.prototype); 

// the above code, sets Jill's constructor, to Person so we need to set 
// it back to Jill here: 

Jill.prototype.constructor = Jill; 

// add functions on Jill's prototype, these will only be on the Jill object not Person 

Jill.prototype.expressJoy = function() { 
    console.log("Huray!"); 
    }; 

// make a 'Jill' 

var obj = new Jill(); 
console.log(obj instanceof Jill); // true 
obj.expressJoy(); // "Huray!" 
obj.sayName(); // "My name is jill" 

Şimdi daha da önemlisi örnekleme desen iki tür karıştırma, prototypal ve pseudoclassical, İkincisi, Jill ise eskidir.

Ryan Atkinson aşağıdaki blogpost bu müthiş resme bir göz atın:

Blog Post

Answer 5

Bu gibi durumda var Jill davranır

function Person() { 
    this.name = "unnamed"; 
}; 
Person.prototype.sayName = function() { 
    console.log("My name is " + this.name); 
}; 

function Jill() { 
    Jill.prototype.__proto__ = Person.prototype; 

    this.name = "Jill"; 

    Jill.prototype.expressJoy = function() { 
     console.log("Huray!"); 
    }; 

    return Jill; 
}; 

var jill = new Jill(); 
console.log(jill instanceof Jill); // True 
jill.expressJoy(); // Hurray ! 
jill.sayName(); // My name is Jill