需要扩展 javascript 对象的帮助

Question

假设我有一个 javascript 对象...

app.dooDad = {}
(function (O) {

    O.magicStuff = function() {

        alert("LOL!");

    }

    ...other methods...

})(app.doodad)

现在假设我对该对象进行了深层复制...

app.specialDooDad = jQuery.extend(true, {}, app.dooDad);
(function (O) {

    O.magicStuff = function() {

        alert("LOL!");
        alert("Cats!");

    }

})(app.doodad)

我想知道：是否有更好的方法来做到这一点？也就是说，是否有更好的方法可以使用specialDooDad中的附加命令来扩展magicStuff方法，而无需重写它？

（预先）感谢您的帮助。

Answer 1

如果我错了，请纠正我，但我相信你可以在 Javascript 中做这样的事情：

app.specialDooDad = jQuery.extend(true, {}, app.dooDad);
(function (O) {

    O.oldMagicStuff = O.magicStuff;

    O.magicStuff = function() {

        //Additional stuff you want to do
        alert("Cats!");
        O.oldMagicStuff();

    }

})(app.doodad)

只有当你只是在“原始”函数运行之前或之后添加一两个额外的东西时，这才有效。如果你需要在中间添加东西，我相信你只需要重写这个函数。

我假设您想这样做是为了保持与现有代码库（例如开源库）的向后兼容性？

Answer 2

function DooDad() {
    this.magicStuff = function() {
         alert("LOL!");
    }
}

app.dooDad = new ConstructorA();

function SpecialDooDad() {
    var o = new DooDad;

    this.magicStuff = function() {
         o.magicStuff.apply(this, arguments);
         alert("Cats!");
    }

}

app.specialDooDad = new SpecialDooDad;

我更喜欢这种扩展方式。它更实用。您可以通过组合和扩展来创建新对象。