js的单线程引擎如何通过timeout实现异步

时间：2014-12-21 12:44:57 阅读：246 评论：0 收藏：0 [点我收藏+]

浏览器是基于一个事件循环的模型，在这里面，可以有多个任务队列，比如render是一个队列，响应用户输入是一个，script执行是一个。任务队列里放的是任务，同一个任务来源的任务肯定在同一个任务队列里。任务有优先级，鼠标或键盘响应事件优先级高，大概是其他任务的3倍。

任务的执行过程中可能产生：

spin：不影响Event Loop并延后执行

pause：停止Event Loop并延后执行

spin，如setTimeout的异步方式，就是spin方式，当执行到setTimeout时，此任务先暂停并保存，继续执行后续任务，当条件满足时，再将setTimeout的执行任务放回任务队列的后面，等待执行，假如前面有一个2s的任务，那原本是delay 1s的任务实际执行时会是在第3s的时候才执行。

pause，则是当在js中获取元素的offsetWidth等需要更新dom操作的动作时发生的。当执行到此任务时，将停止事件循环的工作，也就是先停止js引擎解析执行，跳到渲染引擎更新用户界面至当前状态，这期间，不处理后续任务，当前执行的脚本暂停，界面保持响应，但无法处理输入（事件循环停了），直到成功返回才继续执行任务。

function A(fun){    
 var temp = 100;   
 temp = temp * temp;    
 window.setTimeout(function(){  
       fun(temp);
    },0);
 alert("a函数:"+temp);
}
function B(r)
{    
 alert("b函数"+r);
}
A(B);// 调用

js的单线程引擎如何通过timeout实现异步

标签：settimeout js异步执行

原文地址：http://blog.csdn.net/zcc_0015/article/details/42059145

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行