Javascript: правильный способ наследования свойств/методов

Question

Я недавно был преобразован из C# er в Javascripter. У меня есть фундаментальный вопрос о том, как я должен разрабатывать свои «классы» в отношении общих свойств/методов.

Ниже я хочу иметь «id» как общее свойство наряду с методами начала и остановки. Конечно. «id» будет отличаться от экземпляров MyDerivedClass. Может быть MyOtherDerivedClass, который должен быть наследован от MyBaseClass, поэтому хотел, чтобы этот «id» был общим свойством в базе. Может быть, мое мышление - это то, что мне нужно, чтобы получить право, пожалуйста, дайте мне знать, как я мог бы переделать это так, как это делается в Javascript.

var MyBaseClass = function(id){ 
MyBaseClass.prototype.id = id;  
MyBaseClass.prototype.start = function(){ 
    console.log('Starting item %s', this.id); 
    //...// 
    console.log('Started item %s', this.id); 
}; 

MyBaseClass.prototype.stop = function(){ 
    console.log('Stopping item %s', this.id); 
    //...// 
    console.log('Stopped item %s', this.id); 
}; 
}; 

var MyDerivedClass = function(id){  
    MyDerivedClass.prototype.connected = false; 
    MyDerivedClass.prototype.id = id; //????? 
}; 

inherit(MyDerivedClass, jsDialTone.common.items.DynamicItem); 

// This is the inherit method 
var inherit = function(child, base){ 
var Dummy = function(){}; 
Dummy.prototype = base.prototype; 
child.prototype = new Dummy(); 
child.prototype.constructor = child; 
}; 

var d1 = new MyDerivedClass('D1'); 
expect(d1.id).toBe('D1'); // passes 
var d2 = new MyDerivedClass('D2'); 
expect(d1.id).toBe('D1'); // fails, since I modified the prototype. 

Answer 1

Использование d2.id = 'D2' (но на самом деле this.id = id в конструкторе); и сделать то же самое для флага connected.

Значение идентификатора не разделяют между экземплярами и является для них не фитинга для использования общей собственности на [[Prototype]].

В общем, [[Prototype]] объекты должны не быть изменены в соответствующих конструктора-функциях, потому что обычно не имеет смысла: это сродни установки статического (или «общие») переменные в C# или конструктор Java.

Answer 2

Вышеупомянутый ответ должен решить вашу проблему, вот немного больше.

function MyBaseClass(id) { 
    this.id = id; 
} 

MyBaseClass.prototype.start = function() { 
    console.log('Starting item ', this.id); 
    //...// 
    console.log('Started item ', this.id); 
}; 

MyBaseClass.prototype.stop = function() { 
    console.log('Stopping item ', this.id); 
    //...// 
    console.log('Stopped item ', this.id);  
}; 

function MyDerivedClass(id) { 
    MyBaseClass.call(this, id); 
} 

MyDerivedClass.prototype = Object.create(MyBaseClass.prototype); 


var base = new MyBaseClass(1); 

var derived = new MyDerivedClass(2); 

base.start(); 

derived.start(); 

Это должно напечатать в консоли:

Starting item 1

Started item 1

Starting item 2

Started item 2

• Вы создадите класс MyBaseClass, а затем установите методы на его прототипе.
• Затем вы создадите MyDerivedClass, который использует метод .call(), который будет запускать функцию MyBaseClass, но он будет явно указывать this с первым аргументом.
• Затем вы установите прототип MyDerivedClass прототипу MyBaseClass с Object.create().

Проверить эти ссылки для большего количества ссылок:

Prototypal inheritance

The .call() method

JavaScript странно.