Prototype Какая разница между двумя вариантами наследования?

@sashunchyk · Регистрация: 13.11.2013

Author24 — интернет-сервис помощи студентам

Есть два варианта прототипного наследования. Интересует, какая между ними разница(типа плюсы и минусы).
Вариант номер 1:

Javascript

function Parent(param1, param2){
     this.param1 = param1;
     this.param2 = param2;
 
    this.method1 = function() {...}
    this.method2 = function() {...}
}
 
function Child() {...}
 
Child.prototype = new Parent();

Вариант номер 2:

Javascript

function Parent(param1, param2){
     this.param1 = param1;
     this.param2 = param2;
}
Parent.prototype.method1 = function() {...}
Parent.prototype.method2 = function() {...}
 
function Child() {...}
Child.prototype = Object.create(Parent.prototype);

@BANO · 18.03.2016, 17:10

sashunchyk, разница в том, что первый метод наследует ещё и те свойства, которые задаёт ему функция инициализатор
то есть если сделать так

Javascript

function P(){
    this.a="a";
}
P.prototype={
    b:"b"
}
function C(){}
 
C.prototype=new P;
 
var c=new C;
console.log(c.a,c.b); // a b

а вот второй пример такого не выведет
он сделает по другому

Javascript

function P(){
    this.a="a";
}
P.prototype={
    b:"b"
}
function C(){}
 
C.prototype=Object.create(P.prototype);;
 
var c=new C;
console.log(c.a,c.b); // undefined b

то есть в первом случае мы берём все значения, которые создаёт класс для себя
во втором же просто копируем его прототип)

	18.03.2016, 17:10

Опции темы