javascript - Javascript，简单的扩展方法，允许扩展对象的多个版本

Question

我有一个简单的“扩展”方法，如下所示：

extend: function(source) {
    for (var k in source) {
        if (source.hasOwnProperty(k)) {
            myThing[k] = source[k];
        }
    }
    return myThing;
}

你像这样使用它

myThing.extend({ 
    newObj: { 
        myFunc: function () { console.log('things'); }
    }
});

而且效果很好。
但是，我很想添加让其他一些代码稍后调用的功能：

myThing.extend({ 
        newObj: { 
            mySecondFunc: function () { console.log('things'); }
        }
    });

我应该可以同时调用myThing.newObj.myFunc()AND myThing.newObj.mySecondFunc()。

我尝试将其更改为：

for (var k in source) {
            if (source.hasOwnProperty(k)) {
                if (mtUtils.hasOwnProperty(k)) {
                    for (var t in k) {
                        mtUtils[k][t] = source[k][t];
                    }
                } else {
                    mtUtils[k] = source[k];
                }
            }
        }

但这似乎不起作用。

Answer 1

function extend(dest, source) {
    for (var k in source) {
        if (source.hasOwnProperty(k)) {
            var value = source[k];
            if (dest.hasOwnProperty(k) && typeof dest[k] === "object" && typeof value === "object") {
                extend(dest[k], value);
            } else {
                dest[k] = value;
            }
        }
    }
    return dest;
}
var myThing = {};
extend(myThing, {
    newObj: {
        myFunc: function() {
            console.log('things');
        }
    }
});
extend(myThing, {
    newObj: {
        mySecondFunc: function() {
            console.log('things');
        }
    }
});

myThing;
/*
Object
   newObj: Object
      myFunc: function () { console.log('things'); }
      mySecondFunc: function () { console.log('things'); }
      __proto__: Object
   __proto__: Object
*/

Answer 2

这应该可以解决您的问题，但为什么不实现的递归版本extend？

    for (var k in source) {
        if (source.hasOwnProperty(k)) {
            if (mtUtils.hasOwnProperty(k)) {
                for (var t in source[k]) {
                    mtUtils[k][t] = source[k][t];
                }
            } else {
                mtUtils[k] = source[k];
            }
        }
    }