Übergabe von Parametern an eine prototyped Funktion in Javascript

Question

Ich habe vor kurzem experimentiert mit Prototyping in Javascript und ich kann nicht herausfinden, warum der folgende Code nicht funktioniert. Was ich tun möchte, ist eine neue Instanz von Käse mit Parameter n zu erstellen.

function food(n) { 
    this.n=n; 
} 
function cheese(n) { 
    alert(this.n); 
} 
cheese.prototype=new food; 
new cheese('paramesian'); 

Answer 1

Sie erstellen eine neue Cheese Instanz, und das Argument n nie verwendet wird oder das auf den Cheese Instanzvariable this.n, da diese Logik nur auf dem Food Konstruktor verwendet wird.

Sie können ein paar Dinge tun:

1. Apply Der Food Konstruktor innerhalb der Cheese Funktion, mit dem arguments Objekt und dem neu erstellten Kontext (this).

function Food(n) { 
    this.n=n; 
} 

function Cheese(n) { 
    Food.apply (this, arguments); 
    alert(this.n); 
} 

new Cheese('paramesian'); 

2. Wiederholen Sie die Food Konstruktor Logik (this.n = n) auf der Cheese -Konstruktorfunktion:

function Food(n) { 
    this.n=n; 
} 

function Cheese(n) { 
    this.n = n; 
    alert(this.n); 
} 

Cheese.prototype = new Food(); 
new Cheese('paramesian'); 

3. Verwenden Sie eine andere Technik, wie power constructors:

function food (n) { 
    var instance = {}; 
    instance.n = n; 

    return instance; 
} 


function cheese (n) { 
    var instance = food(n); 
    alert(instance.n); 

    return instance; 
} 

cheese('parmesian'); 
cheese('gouda'); 

4. Eine weitere Option, prototypal inheritance:

// helper function 
if (typeof Object.create !== 'function') { 
    Object.create = function (o) { 
    function F() {} 
    F.prototype = o; 
    return new F(); 
    }; 
} 

var food = { 
    n: "base food", 
    showName : function() { alert(this.n); } 
}; 

var cheese1 = Object.create(food); 
cheese1.n = 'parmesian'; 
cheese1.showName(); // method exists only in 'food' 

Answer 2

bearbeiten, Dies ist offenbar nicht prototypische Vererbung (siehe Kommentare), aber es scheint für diesen besonderen Zweck zu arbeiten.

function food(n) { 
    this.n=n; 
} 
function cheese(n) { 
    this.prototype = food; 
    this.prototype(n); 

    alert(this.n); 
} 

new cheese('paramesian'); 

Answer 3

Scheint, wie Sie gerade verstehen wollen, wie Prototyp funktioniert in JavaScript verketten. Das folgende ist ein ausgezeichnetes, einfaches und gut erklärtes Tutorium http://www.herongyang.com/JavaScript/Inheritance-from-Constructor-Prototype-Object.html