承诺与MatchMedia命令

Question

我有一个平静的密码：

const mql = window.matchMedia('(min-width: 400px)');
mql.addListener(e => {
     if (e.matches)
          console.log('Match!');
});

Promise.resolve('Resolved').then(console.log);

当我在Chrome上执行它时，输出会被“解析”和“匹配”。然而，在Firefox上，情况正好相反。

我不明白有何不同？强制执行命令有可能吗？

Answer 1

根据事件循环规范，在呈现回调之前执行微任务。不幸的是，没有一个浏览器坚持规范。Chrome是最接近的，这就是为什么作为一个微任务的承诺首先要实现的原因。Firefox不在规范范围之内。

有关事件循环https://github.com/atotic/event-loop的更多信息和差异，可以查看此链接。

根据经验，永远不要依赖于执行顺序，除非您对同一类型的事件有回调。