javascript - 为什么 jQuery.animate 是同步的？

Question

为什么这段代码会同步工作？

$this.animate( { 'left': '+=200px' } );
$this.animate( { 'top' : '+=200px' } );

我真的怀疑是否有可能在 JavaScript 中同步执行一个函数。

和

doSomething();
doSomethingMore();

function doSomething() {
    setTimeout(function() {
        alert('doSomething finished');
    }, 3000);
}

function doSomethingMore() {
    setTimeout(function() {
        alert('doSomethingMore finished');
    }, 1000);
}

如何在函数 doSomething 完成之前不执行函数 doSomethingMore。或者类似的东西。

谢谢。

Answer 1

我在这里只是猜测一下，因为我也无法遵循 jQuery 源代码。 :)

.animate() 将动画添加到队列中。默认情况下，这是 $.fx。当一个项目被添加到队列中时:如果它是第一个，则运行；如果不是，它会一直等到它成为队列中的第一个项目。一旦 jQuery 完成动画运行，它会从队列中删除第一项(即刚刚完成的动画)，然后运行第二项。
因此，它只是似乎 同步运行。如果您在第二次调用 .animate() 之后放置另一条语句，您会发现它实际上是立即执行的。这也是 .animate() 接受回调的原因。

还有其他函数可以让您操作队列。例如 .stop() 和 .queue()。