var A = {
method1 : function(){
// do some thing
},
method2 : function(){
// do some thing
}
};
var B = {
method1 : function(){
// overriden
}
};
how to overriden ?
B.extend(B, A);
or
B.merge(A);
What is the right way ?
One way would be to create a new object that has all the properties of B and inherits from A.
E.g.
function extend(B, A) {
var Constr = function() {
for(var prop in B) {
if(B.hasOwnProperty(prop)) {
this[prop] = B[prop];
}
}
};
Constr.prototype = A;
return new Constr();
}
Then you can do:
B = extend({
method1 : function(){
// overriden
}
}, A);
A's methods are unchanged and you don't need an external library ;)
Well, you extend the class/object.
I would take a look at the jQuery extend. http://api.jquery.com/jQuery.extend/
That can be used easely to extend your classes/object.
Example:
var A = {
methode1: function(){
// Do something
}
methode2: function(){
// Do something else
}
}
var B = {
methode1: function() {
// Do something different then A.methode1
}
}
var object = $.extend(true, A, B);
In its present form i don't see how B is in any way related to object A [so there's no question of overriding there].
if you really want to have something along the line of inheritance:
var B = A
B.method1 = function() {
// overriding
}
so that, invoking B.method2() gets you A's method, while method1() gets overriden by B's version.
