JavaScript - прототип наследования

Question

Я новичок в OOJS, поэтому, пожалуйста, несите меня на этом. Я пытаюсь получить настройки вроде следующего:

Item 
    name = "no name" 
    description = "no description" 
    someVar = "no var" 

Section 
    name = "Section A" 
    //Rest are inherited 
    deleted = false 

До сих пор у меня есть:

function Item() {} 
function Section() {} 
$.extend(Item.prototype, { 
    name: "no name", 
    description: "no description" 
} 
Section.prototype = Item.prototype; 
$.extend(this.Section.prototype, { 
    description: "A section", 
    swung: true, 
    swing: function() { 
     this.swung = false; 
     return this; 
    } 
}); 

$.extend(this.Item.prototype, { 
    "date": "x" 
}); 

$.extend(this.Section.prototype, { 
    "someVar": "someValue" 
}); 

Если я создаю новый раздел, я получаю:

Section { 
    name: "no name", 
    description: "A section", 
    swung: true, 
    swing: function, 
    date: "x", 
    someVar: "someValue" 
} 

Если я создайте новый товар, я получаю:

Item { 
    name: "no name", 
    description: "A section", 
    swung: true, 
    swing: function, 
    date: "x", 
    someVar: "someValue" 
} 

Очевидно, они оба одинаковы, и причина в том, что прототип является одним и тем же экземпляром. То, что я пытаюсь достичь, состоит в том, что все функции, которые наследуют свойство Item, выбирают свойства, когда они будут добавлены, а любые изменения значения свойства прототипа Item не влияют на свойство в разделе, если оно было предварительно переопределено. Любые изменения прототипа раздела должны не влиять на прототип элемента (как это, очевидно, произошло выше), так как будут свойства, относящиеся к разделу. Кто-нибудь знает какой-либо способ достичь этого?

Если я не проясняюсь, скажите, пожалуйста, вместо того, чтобы опрокидывать меня :). Заранее спасибо.

Answer 1

При наследовании в JS вы не назначаете один прототип другому. Вместо этого, вы назначаете экземпляр родительского прототипа ребенка:

Section.prototype = new Item(); 

Вы можете проверить упрощенную версию кода (без необходимости JQuery, который просто излишне усложняет все): http://jsfiddle.net/p3h5C/