javascript - 如何调整window对象addEventListener的执行顺序？

Question

可以提升window对象addEventListener执行优先权吗？假设有这么两段监听代码，在不改变顺序的前提下，如何优先执行最后那条event的呢？

window.addEventListener("resize", () => console.log('默认优先级'));window.addEventListener("resize", () => console.log('最高优先级'));

我查阅这样文章：https://juejin.cn/post/7170976626807668772 ，将代码改成

window.addEventListener("resize", () => console.log('默认优先级'));window.addEventListener("resize", () => console.log('最高优先级'), false, 10);

打印结果不正确

默认优先级最高优先级默认优先级最高优先级默认优先级最高优先级

我看MDN好像并没有提到事件优先级，https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/...

请问有没有办法提升window对象addEventListener执行顺序吗？

Answer 1

换种方式实现，把多个函数聚集在一个函数中。

const fn1 = () => console.log('默认优先级')const fn2 = () => console.log('最高优先级')window.addEventListener("resize", () => {    fn1()    fn2()})

如果有动态添加的需求，可以用数组控制一下：

const fn1 = () => console.log('默认优先级')const fn2 = () => console.log('最高优先级')const fnList = [fn1, fn2]window.addEventListener("resize", () => {    fnList.forEach((fn) => fn())})document.querySelector('#add').addEventListener("click", () => {    fnList.push(() => console.log('新添加'))})