javascript 是同步编程语言，不是吗？

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 7 年前。

Improve this question

我尝试旋转图像，然后设置其过渡:“transform 2s”。这是我的代码:

var nodeList = document.querySelectorAll(".top-slide-container ul li");
nodeList[0].style.transition = "transform 0s";
nodeList[0].style.transform = "rotateY(90deg)";
nodeList[0].style.transition = "transform 2s";

当我运行这段代码时。结果并不像我想的那样。图像在 2 秒内旋转。谁能解释一下为什么它没有在 0 秒内做到这一点？ javascript 是同步编程语言，不是吗？

Answer 1

是的，Javascript 同步运行。但浏览器渲染却是另一回事。然而，浏览器渲染(以及实际上是一个单独进程的处理样式)通常在 Javascript 执行时被阻止。因此，在浏览器尝试执行更改之前，代码第二行中应用的样式设置将被第四行覆盖。