Question

我想创建一系列从基础对象继承或复制实例属性的对象。这让我决定使用哪种模式，我想询问你对哪种方法“更好”的意见。

//APPLY:
// ---------------------------------------------------------
//base object template
var base = function(){
   this.x = { foo: 'bar'};
   this.do = function(){return this.x;}
}

//instance constructor
var instConstructor = function (a,b,c){
   base.apply(this);//coerces context on base
   this.aa = a;
   this.bb = b;
   this.cc = c;
}

instConstructor.prototype = new base();

var inst = function(a,b,c){
    return new instConstructor(a,b,c);
}

//CLONE   
// --------------------------------------------------------- 
function clone(obj) {
    if (null == obj || "object" != typeof obj) return obj;
    var copy = obj.constructor();
    for (var attr in obj) {
        if (obj.hasOwnProperty(attr)) copy[attr] = obj[attr];
    }
    return copy;
}    

var x = {foo: 'bar'};

function instC(a,b,c){
     this.aa = a;
     this.bb = b;
     this.cc = c;
     this.x = clone(x);
};

instC.prototype.do = function(){
    return this.x;
}

他们都实现了同样的事情，即基于通用模板的唯一实例属性 - 问题是哪一个更“优雅”

Answer 1

根据您的问题，您似乎正在寻找类似Object.create的内容。此函数可用于创建一个新对象，该对象具有您选择的对象作为原型。

//for old browsers without Object.create:
var objCreate = function(proto){
    function F(){};
    F.prototype = proto;
    return new F();

至于与克隆方法的比较，他们做了不同的事情，所以你必须选择更合适的东西。

使用原型将反映子对象上父对象的更改。

a = {x:1};
b = Object.create(a);
a.x = 2;
//b.x is now 2 as well

您还必须小心使用this的方法。根据您的操作，如果使用过多的原型继承，可能会产生不良后果。

a ={
   x: 1,
   foo: function(){ this.x += 1 }
}
b = Object.create(a);
b.foo();
//a.x does not change

另一方面，克隆会克隆内容，因此您可以确保对象不会以任何方式相互干扰。有时这就是你想要的。

Answer 2

好的，所以我对此进行了进一步的思考 - 答案源于用例。如果clone将属性复制到给定范围，则apply正在更改属性周围的范围。对于mixins来说，前者更好，后者对于继承更好。

克隆或申请：哪个“更好”？

2 个答案: