使用 require.js 在 JavaScript 中继承：非法调用

Question

我遇到了 require.js 和原型继承的问题。这是我的模块：

define([], (function() {
  "use strict";
  var Player = function() {
    console.log("Constructor of the Player Object");
    this.audioObject = new Audio();        
  };
  Player.prototype = new Audio();
  return Player;
})); // define

然后我尝试以这种方式使用音频对象的播放方法：

define(["jquery", "player"], (function($, Player) {
  "use strict";
  /**
  *  The controls for the player
  **/ 
  var Controls = function(player) {
    $(".play").click(function() {
      console.log("play");
      player.play();
    });
  };
  return Controls;
})); // define

点击按钮时，Chrome 会抛出错误： 未捕获的 TypeError：非法调用

我已经尝试了几个小时，在这里阅读了类似的问题，但其中大多数与 jQuery 有关，我认为这不是问题所在。 （我尝试自己定义一个名为 Player.prototype.play() 的方法，效果很好，但我认为这不是重写所有方法的最佳方法）

Answer 1

这可能是因为Audio 具有一些隐藏的“幕后”属性，这些属性在实例化新的Player 时不会从原型中复制。

当您调用 player.play() 时，play 期望在 Audio 实例上运行，但它在 Player 实例上运行。从理论上讲，这里应该没有问题，因为Player 应该与Audio 相同，因为它的原型是Audio 实例。但是，Audio 是一个宿主对象，这意味着它不需要按照普通 JavaScript 对象的规则来播放。

也就是说，您为什么还要为您的Player 原型使用​​Audio 实例？除了容易出现奇怪的行为（正如您现在所观察到的）之外，这似乎完全没有必要，因为您已经在 audioObject 属性中持有一个 Audio 对象。

我不完全了解您的设计，但为什么不使用audioObject，例如，在这里调用player.audioObject.play()？