主页 / 问题 / 1271915
Accepted
Yuriy Tigiev
Asked:2022-04-19 15:30:52 +0000 UTC2022-04-19 15:30:52 +0000 UTC

如何在javascript中实现类级别的事件生成和处理功能？

  • 772

如何在javascript中实现类级别的事件生成和处理功能？

下面的代码不起作用。如何修复它以使其工作？

class MyClass {
    func(){
        this.dispatch("Done");
    }

    addEventListener(){

    }

    dispatch(){
        
    }

}

var m = new MyClass();
m.addEventListener("Done", function(){
    console.log("Done");
});
m.func();
javascript

1 个回答

  1. Best Answer

    从这里抓取：stackoverflow.com/a/53917410/8628377

    我创建了两个函数，第一个函数在帮助下CustomEvent将一些数据替换到 objectEvent.detail中。第二个函数只是发出警报，没有任何数据。

    class MyClass extends EventTarget {
    func(){
        this.dispatchEvent(new CustomEvent('Done', { detail: [1, 2, 3] }));
    }
    eventWithoutDetail(){
        this.dispatchEvent(new Event('Done'));
    }
}

const myClass = new MyClass();

myClass.addEventListener('Done', (e) => {
    console.log('Done from event...', e.detail || null);
});

myClass.eventWithoutDetail();
setTimeout(() => {
    myClass.func();
}, 1000);

    • 1

相关问题