Попытка понять/изучить/использовать наследование в javascript с .prototype-свойством

Question

Я пытаюсь понять наследование/прототипы javascript.

Я сделал это:

function Foo(par){ 
    this.prop= par; 
    this.propTwo = par; 
} 
function Bar(par){ 
    this.p=par; 
} 
Bar.prototype = new Foo(); 

Если я:

var myBar = new Bar("value"); 

myBar.propTwo неопределен (я предполагаю, что это потому, что даже если я перезаписать прототип, я явно с помощью Bar «построить функция "< <, пожалуйста, исправьте меня, если я ошибаюсь в этом допущении.

если я хочу, чтобы это Bar inherit from Foo, как мне создать экземпляр Bar или переписать функции (ы) конструкций, чтобы получить propTwo, также определенный/назначенный при создании объекта myBar (обратите внимание, что тот же переданный аргумент присваивается обоим реквизитам)?

Я даже не уверен, что я делаю что-то «хорошее» здесь, поэтому, если я полностью ошибаюсь, это нормально сказать, если можно исправить, пожалуйста, не стесняйтесь в деталях.

Update: Я выбрал Ethan Brown's ответ, как правильно из-за 1 мин. разницы (ничего личного). Оба объяснения хорошо работают и используют два разных способа (на самом деле идея одна и та же, одна использует «применять» другой «вызов»).

Также Bergi's ссылки/комментарий он оказывается расширенный ответ/обоснование о том, почему не использовать этот подход:

What is the reason to use the 'new' keyword here?

Спасибо за ответы/материал.

Answer 1

Если я правильно понимаю ваш вопрос, вы задаетесь вопросом, почему prop и propTwo не установлены в myBar, когда вы объявили Bar быть подклассом Foo.

Ответ заключается в том, что функция конструктора автоматически не вызывает конструктор своего прототипа. Я думаю, что вы, вероятно, хотите, это:

// parent class 
function Foo(par){ 
    this.prop = par; 
    this.propTwo = par; 
} 

// subclass 
function Bar(par){ 
    Foo.call(this, par); // invoke parent class constructor 
    this.p = par;   // custom construction 
} 
Bar.prototype = new Foo() 

Как Берги указывает в комментариях ниже, подклассов, установив прототип подкласса на новый экземпляр родительского класса, вероятно, что вы хотите: что делает все экземпляры подтипов наследовать от экземпляра родительского класса, а не прототипа родительского класса. Если вы хотите эмулировать классическое наследство, ваш лучший выбор для использования Object.create метод:

Bar.prototype = Object.create(Foo.prototype); 
Bar.prototype.constructor = Bar; 

Смотрите MDN documentation on Object.create для получения дополнительной информации. Вы также можете прочитать link Bergi mentioned и this SO question.

Answer 2

Вам нужно вызвать функцию Foo в «контексте» (или области) панели. Эффект подобен вызову Foo в качестве родительского конструктора.

function Foo(par){ 
     this.prop= par; 
     this.propTwo = par; 
    } 
function Bar(par){ 
     this.p=par; 
     Foo.apply(this,arguments); 
    } 
Bar.prototype = new Foo(); 

var myBar = new Bar("value"); 

console.log(myBar);