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代码中，我将调用该类并为其指定音频元素，并让该类根据我在该类上的定义来处理音频并对其进行管理。

如下所示： let myAudio = new AudioManager(audio); 因此，当结束或暂停时，班级将知道如何处理此音频。

Answer 1

语法错误的可能原因：

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

应该是

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

function function1() {
    //function code here
}

或

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

Answer 2

您需要将以下所有代码带到constructor：

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

JS类中如何发生.on（'click'）事件

2 个答案: