Javascript: Добавление метода к родительскому классу/для унаследования

Question

Я хотел бы добавить метод «bar» к родительскому классу A, после, подкласс B определен, так что метод наследуется. Является ли это возможным?

Я попытался следующий код

function A() { 
    this.foo = function() { 
     console.log('foo') 
    } 
} 
function B() { 
    A.call(this) 
} 

// (trying to) add a new method to A 

A.prototype.bar = function() { 
    console.log('bar'); 
} 

// It works with instances of A 
var a = new A()  
a.foo()   // ok 
a.bar()   // ok 

// but not with an instance of B 
var b = new B()  
b.foo()   // this works 
b.bar()   // not this one <------ 

/* 
    Exception: b.bar is not a function 
    @Scratchpad/3:17:1 
*/ 

Любые предложения, пожалуйста?

Answer 1

Если вам нужно просто исправить код, вы можете связать методы, как это:

function B() { 
    A.call(this) 
    for(var i in A.prototype){ this[i] = A.prototype[i]; } 
} 

Но я думаю, что это плохой способ.

Answer 2

function A() { 
    this.foo = function() { 
     console.log('foo'); 
    }; 
} 
function B() { 
    A.call(this); 
} 

// (trying to) add a new method to A 

A.prototype.bar = function() { 
    console.log('bar'); 
}; 
B.prototype = Object.create(A.prototype); 
// It works with instances of A 
var a = new A() ; 
a.foo() ;   // ok 
a.bar() ;   // ok 

// but not with an instance of B 
var b = new B() ;  
b.foo() ;   // this works 
b.bar() ; 

I случай функционального типа наследования - вы не можете добавлять методы, которых нет в классе. Используйте прототипы

Answer 3

Вы упускаете:

B.prototype.__proto__ = A.prototype 

Если вам не нравится с помощью __proto__ вы можете использовать:

B.prototype = Object.create(A.prototype); 

Answer 4

// if you define the prototype as an object 
var A = { 
    foo: function() { 
     console.log('foo'); 
    } 
}; 

// and define constructors using Object.create 
function newA() { 
    return Object.create(A); 
}; 

function newB() { 
    return Object.create(newA()); 
}; 

// you can add methods to the prototype 
A.bar = function() { 
    console.log('bar'); 
}; 

// it works with instances of A 
var a = newA()  
a.foo(); 
a.bar(); 

// and instances of B 
var b = newB(); 
b.foo(); 
b.bar(); 

// you can even modify the prototype after the fact 
A.baz = function() { 
    console.log('baz'); 
}; 

// and that will work as well 
a.baz(); 
b.baz(); 

http://jsfiddle.net/5s8ahvLq/

Если вы не хотите, чтобы последнее поведение было в состоянии отредактировать protoype после факта, используйте Object.assign или что-то подобное подчеркивание или lodash, который обеспечивает эту функциональность:

function newA() { 
    return Object.create(Object.assign({}, A)); 
}