如何在javascript中进行时间切片？

Question

或ecmascript但我想知道它是如何实际发生的更多取决于确切的实施.

javascript在技术上是单线程的.

但如果我做的事情

$myDIv.animate({
    height:"100px"
});

如果我这样做会有什么不同吗？

一个.

$myDIv.animate({
    height:"100px"
}, null, my_cpu_heavy_function);

或B.

$myDIv.animate({
    height:"100px"
});
my_cpu_heavy_function();

因为在第二个动画中,动画会用cpu重函数来处理时间,因此动画的外观会受到影响,对吧？

那么,Javascript在同步代码块的末尾停止执行,还是在任何随机点切断一个块以允许另一个异步运行的块被处理？

Answer 1

在javascript中没有时间切片.Javascript是单线程的(除了我们没有在这里讨论的网络工作者).一个javascript执行线程一直运行,直到完成.

在你的第一个代码示例中,动画做了它的事情,当它完成时,它会调用你的my_cpu_heavy_function.

在第二个代码示例中,动画初始化自身并为其第一个动画步骤设置计时器.然后它返回并进入下一行代码.动画只是开始了(并且在未来的短时间内设置一个计时器来做更多的工作) - 它还没有完成.然后,你的my_cpu_heavy_function运行,它会占用整个javascript执行,直到它完成.运行时动画根本不my_cpu_heavy_function运行.完成后,动画集将触发的计时器事件以及动画将继续运行.

动画可能"看起来"像时间切片,但它们不是真的.jQuery动画在动画中移动一步,然后在将来的某个小时间内设置一个计时器,然后它们返回到系统.当该计时器事件触发时,jQuery将执行动画中的下一步,依此类推.当一个计时器事件触发时,它会将一个计时器事件放入javascript事件队列中.如果当前没有运行javascript,则立即启动计时器回调.如果javascript当前正在运行,那么timer事件就位于事件队列中,直到当前的javascript线程结束.当该线程完成时,javascript会查看事件队列以查看是否有任何事件在等待.如果有,则调用事件回调.

因此,实际上没有时间切片不同的javascript.想要运行的两段代码不会给出一些CPU周期,就像本机代码中的真实线程一样.在javascript中,一段代码运行直到完成,然后可以启动下一个事件.在诸如基于javascript的动画之类的东西中,时间切片可以通过做少量工作然后在未来的某个时间设置计时器并返回到系统来进行模拟.一旦你完成执行,其他一些javascript就可以运行,但它也会一直运行直到完成.如果所有的javascript只做了很少量的工作然后为他们的下一部分工作设置了一个计时器,那么他们都可以合作,看起来就像是时间切片,但它只能起作用,因为它们之间的合作.如果一个函数my_cpu_heavy_function出现并且占用了CPU一段时间,那么在此期间没有其他人运行.动画my_cpu_heavy_function在运行时会停止.

浏览器中的某些操作由浏览器中的本机代码执行(例如ajax调用,图像加载等).这些异步任务可以在javascript运行时在后台进行,但是在javascript执行的当前线程完成之前它们不会通知javascript,并且可以启动带有通知回调的新线程.

举个例子,我们假设我们有一个需要1秒钟加载的图像和一个耗时5秒才能运行的CPU密集型函数.然后我们有这个代码:

var img = new Image();
img.onload = function() {
    alert("image is loaded now");
}
img.src = "xxx.jpg";
longFunctionThatTakesFiveSecondsToRun();

当我们运行此代码时,即使映像只需要1秒钟在浏览器内部加载,onload处理程序也不会被调用,直到longFunctionThatTakesFiveSecondsToRun()5秒后运行完成.它必须等到当前执行的线程完成才能处理onload事件.

如果您想了解有关javascript事件队列和异步操作的更多信息,请参阅以下相关答案:

JavaScript如何在后台处理AJAX响应？

JavaScript事件处理的竞争条件？

JS事件处理程序能否中断另一个处理程序的执行？

我是否需要关注异步Javascript的竞争条件？

Answer 2

如果我做A或B会有什么不同吗？

是的,它会有所作为.

第二个版本没有那么多争取处理时间.my_cpu_heavy_function假设它是同步的,它更像是一旦开始就会占用所有处理时间.

换句话说,一旦一些同步代码开始,它就不会在完成之前结束,而不管可能被安排运行的任何定时异步代码.始终强制异步代码等待同步代码完成.

那么将会发生的是动画将开始并执行其初始化,但随后my_cpu_heavy_function会立即启动,并阻止动画的其余部分直到完成.