[JS] 怎样实现非HTML元素的事件委托？

Question

打个比方：
constxhr1=newXMLHttpRequest();
constxhr2=newXMLHttpRequest();
通行的做法是分别给两个xhr添加事件监听器，但如果事件监听器都相同的话，非常繁琐而且容易出错。
所以我想到了DOM树上的事件委托，似乎也是用来处理这种监听器相同的场景的。但是对于不在DOM树上的非HTML元素，请问应该怎么做？
parent.addEventListener
//parent写啥？
EventTarget.all([xhr1,xhr2]).addEventListener
//存在类似的函数吗？
可能这么解释更好一点，我想要的是Promise.all的事件版，或者Observable.merge的所有事件版，或者能达成相同功能的方法或hack。请问应该怎么做？
多谢回答。

Answer 1

functionmyEvent(){this.tasks=[];this.on=(name,cb)=>{this.tasks.push({name,cb})}this.emit=(name)=>{letts=this.tasks.filter((t)=>t.name==name)ts.forEach(({cb})=>{cb();})}}lettest=newmyEvent();test.on('hhh',()=>{console.log('dosomething')})setTimeout(()=>{test.emit('hhh')},1000)不知道你是不是这个意思，如果是的话随便自己怎么写的吧。