создать объект, который расширяет другой

Question

У меня есть объект вроде этого:

var source = (function(undefined) { 
    var o; 
    function s(o) { 
     if(!o || typeof o === 'object') { 
      o = o || {}; 
      o.a = typeof o.a === 'string' ? o.a : 'A'; 
      o.b = typeof o.b === 'string' ? o.b : 'B'; 
      this.o = o; 
     } 
    } 
    s.prototype.v = function() { 
     // some function 
    }; 
    s.prototype.x = function() { 
     // some function 
    }; 
    return s; 
})(); 

я хочу использовать другой подобный продлить первый.

var extender = (function(undefined) { 
    var o; 
    function e(o) { 
     if(!o || typeof o === 'object') { 
      o = o || {}; 
      o.c = typeof o.c === 'number' ? o.c : 3; 
      o.d = typeof o.d === 'number' ? o.d : 4; 
      this.o = o; 
     } 
    } 
    e.prototype.y = function(m) { 
     // some function 
    }; 
    e.prototype.z = function(m) { 
     // some function 
    }; 
    return e; 
})(); 

Я могу добавить this.s = new source(o); функции и с некоторыми изменениями в мой второй объект может связать все в первый, но я думал, что может быть лучше.

Answer 1

Чтобы объединить фрагменты из двух других ответов на правильное решение, вы, вероятно, хотите

var extender = (function(undefined) { 
    // var o; - That's useless, `o` is a parameter of the constructor 
    function e(o) { 
     source.call(this, o); // invoke the `source` constructor on this instance 
     o = this.o; // and get the created `o` object 
     // …to extend it: 
     o.c = typeof o.c === 'number' ? o.c : 3; 
     o.d = typeof o.d === 'number' ? o.d : 4; 
    } 

    // make the prototype a new object inheriting `v` and `x`: 
    e.prototype = Object.create(source.prototype); 
    // then extend it 
    e.prototype.y = function(m) { 
     … 
    }; 
    e.prototype.z = function(m) { 
     … 
    }; 
    return e; 
})(); 

См документы для Object.create и call.

Answer 2

Вы можете использовать: -

Object.create(o);//where o is object to inherit from 

Для кросс-браузер: -

if (typeof Object.create !== "function") 
      Object.create = function(o) { 
       function F() {} 
       F.prototype = o; 
       return new F(); 
}; 

Answer 3

Проверьте следующие две строки:

e.prototype = source.prototype;

source.call(this, o);

Это решение.

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

var source = (function(undefined) { 
    function s(o) { 
     // config 
     this.o = {}; 
     if(!o || typeof o === 'object') { 
      o = o || {}; 
      this.o.a = typeof o.a === 'string' ? o.a : 'A'; 
      this.o.b = typeof o.b === 'string' ? o.b : 'B'; 
     } 
    } 
    s.prototype.x = function(m) { 
     console.log(m); 
    }; 
    return s; 
})(); 
var extender = (function(undefined) { 
    function e(o) { 
     // instanciate parent 
     source.call(this, o); 
     // child config 
     if(!o || typeof o === 'object') { 
      o = o || {}; 
      e = this.o; 
      e.c = typeof o.c === 'number' ? o.c : 1; 
      e.d = typeof o.d === 'number' ? o.d : 2; 
     } 
    } 
    // inherit 
    e.prototype = source.prototype; 
    // extend 
    e.prototype.y = function(m) { 
     console.log(m); 
    }; 
    return e; 
})(); 
var e = new extender({d:3}); 
console.log(e);