javascript - 如何在 JS 类中拥有 .on ('click' ) 事件

Question

我正在制作一个 HTML5 音频播放器，我有一个文件作为管理音频元素的模块，在主 JS 文件中我将导入它以获得我需要的功能。 在这个模块中，我想要像 $(audio).on("playing", function(){...}) 这样的代码。

我做了一个简单的JS类如下

“使用严格”

class AudioManager{
    constructor(audio) {
        this.audio = audio;
    }

    $(audio).on("playing", function1());
    $(audio).on("pause", function2());
    $(audio).on("ended", function3());

}

export default AudioManager;

以上代码语法错误。 你能告诉我如何正确地重新编码吗？

在我的主要 js 代码中，我将调用此类并为其提供音频元素，并让此类来处理音频并根据我在此类上定义的方式对其进行管理。

如下所示: 让 myAudio = new AudioManager(音频); 因此，类(class)将知道在结束或暂停时如何处理该音频。

Answer 1

语法错误的可能原因:

$(audio).on("playing", function1()); 

应该是

$(audio).on("playing", function1);

function function1() {
    //function code here
}

或

$(audio).on("playing", function() {
    //function code here
});