为什么背景颜色不先改变？

Question

 'use strict'; const sum = num => { let acc = 0; while (num) { acc = acc + num; num = num - 1; } return acc; }; new Promise((res, reject) => { document.querySelector('body').style.backgroundColor = 'red'; res(); }).then(() => { const res = sum(1000000000); console.log(res); });

我想先将 bgcolor 更改为红色并获得总和 function 的结果。

但它运作不佳。

收到求和结果后，更改背景颜色。

我错过了什么？

Answer 1

我相信代码工作正常。 但是，在设置了背景颜色之后，您会立即用一个极长的循环锁定处理器。 浏览器在计算 1 到 10 亿的总和之前没有时间为背景着色。 虽然背景颜色的属性将在 function 之前设置，但实际重新渲染需要非零时间。

您可以通过在让 promise 返回之前设置延迟来看到这一点。 在这种情况下（或者至少在我的处理器上），背景将首先变成红色。

 'use strict'; const sum = num => { let acc = 0; while (num) { acc = acc + num; num = num - 1; } return acc; }; new Promise((res, reject) => { document.querySelector('body').style.backgroundColor = 'red'; setTimeout(res, 250); }).then(() => { const res = sum(1000000000); console.log(res); });