通过 Javascript 原型继承重用代码

Question

我对如何通过原型继承实现代码重用有点困惑。我正在按照 http://alexsexton.com/?p=51 创建的示例一个扬声器对象并将其与 jQuery 桥接。

假设我想要一个与示例中的扬声器类似的新扬声器，但现在带有额外的声音文件。我能想到的唯一代码是这样的：

var AnotherSpeaker = Object.create(Speaker);

$.extend(true, AnotherSpeaker, {
    init: function(options, elem){
        this.options.soundFile = options.soundFile || this.options.soundFile;
        Speaker.init.call(this, options, elem);
    },
    options:{
        soundFile: 'abc.wav'
    },
    _playSound: function(){
        //....code to play the sound this.options.soundFile;
    },
    speak: function(msg){
        this._playSound();
        Speaker.speak.call(this, msg);
    }
});

$.plugin('AnotherSpeaker', AnotherSpeaker); //jquery plugin bridge

但这种方法实际上对我来说听起来相当“经典”。我通过 Speaker.xxx.call 调用“超级”。我想我应该做差异继承，但不知道如何做？有什么帮助吗？

Answer 1

您已经在进行差异继承（指定 AnotherSpeaker 与 Speaker 的不同之处）。

关于通过call对Speaker.speak进行“超级调用”的问题：是的，这很痛苦。超级调用是 JavaScript 无法提供太多开箱即用的帮助的领域。根据您正在使用的结构，这可能是最好的方法。

几年前我定义了一个系统超级调用既简单又高效。它涉及使用辅助函数来创建构造函数（我在文章中将它们称为类，这是我当时还没有在脑海中进行类到原型转换的产物），但除了术语之外，它是实际上是原型继承。您可能会发现这很有帮助。

Answer 2

当面向对象刚刚兴起时，人们普遍认为继承有利于代码重用。新的观点是继承会产生高耦合，并且通过聚合而不是继承通常可以更好地实现重用。

我无法找到您链接到的文章，因此无法更具体地说明您的情况。