class - 有没有更好的方法来使用 Ext.apply 将子/子对象组合到另一个对象中？

Question

我正在尝试将对象属性从 objA 应用到 objB，但我意识到 Ext.apply 存在缺陷（或祝福？），它只将第一级对象应用在一起。

例子：

var objA = {
    name: 'objA',
    baseParams: {
        cols: [1,2,3,4,5]
    }
};

//used in subclass
var objB = {
    name: 'objB',
    baseParams: {
        limit: 50,
        sort: 'name'
    }
};

//used in baseclass
var objC = {
    name: 'objC',
    baseParams: {
        as_hash: true,
        limit: 20
    }
};

Ext.apply(objB,objA); //used in subclass
Ext.apply(objC,objB); //used in baseclass

示例将输出：

obj = {
    name: 'objA',
    baseParams: {
        cols: [1,2,3,4,5]
    }
};

我想要这个输出（预期输出）：

obj = {
    name: 'objA',
    baseParams: {
        cols: [1,2,3,4,5],
        as_hash: true,
        limit: 50,
        sort: 'name'
    }
};

如果不这样做，我怎么能做到这一点？

// subclass:
var bpTemp = {};
bpTemp.baseParams = Ext.apply(objB.baseParams, objA.baseParams);
Ext.apply(objB,objA); 
Ext.apply(objB,bpTemp); 

// base class: 
var bpTemp = {};
bpTemp.baseParams = Ext.apply(objC.baseParams, objB.baseParams);
Ext.apply(objC,objB); 
Ext.apply(objC,bpTemp); 

Answer 1

您可以更改 Ext.apply() 的工作方式，以便第四个参数可以是暗示“深度”应用的布尔值——这将适用于您的示例（深度默认为 true）：

Ext.apply = function(o, c, defaults, deep){
    deep = deep!==false;
    // no "this" reference for friendly out of scope calls
    if(defaults){
        Ext.apply(o, defaults);
    }
    if(o && c && typeof c == 'object'){
        for(var p in c){
            o[p] = (deep && Ext.isObject(o[p]) && Ext.isObject(c[p])) ? Ext.apply(o[p], c[p]) : c[p];
        }
    }
    return o;
}; 

Answer 2

您可以尝试递归解决方案，但有一些特殊情况，如下所示：

function deepApply(receiver, config, defaults) {
    if (defaults) {
        deepApply(receiver, defaults);
    }
    if (receiver && config && typeof config == 'object') {
        for (var p in config) {
            if (typeof config[p] != 'object' || Ext.isArray(config[p])) {
                receiver[p] = config[p];
            } else {
                if (typeof receiver[p] != 'object') {
                    receiver[p] = {};
                }
                deepApply(receiver[p], config[p]);
            }
        }
    }
    return receiver;
}