setTimeout，setInterval运行原理

标签：inpu   细节   结果   定时器   表示   一个   运行   target   事件   

function a() {
    setTimeout(function(){alert(1)},0);
    alert(2);
}
a();

和其他的编程语言一样，Javascript中的函数调用也是通过堆栈实现的。在执行函数a的时候，a先入栈，如果不给alert(1)加setTimeout，那么alert(1)第2个入栈，最后是alert(2)。但现在给alert(1)加上setTimeout后，alert(1)就被加入到了一个新的堆栈中等待，并”尽可能快“的执行。这个尽可能快就是指在a的堆栈完成后就立刻执行，因此实际的执行结果就是先alert(2)，再alert(1)。在这里setTimeout实际上是让alert(1)脱离了当前函数调用堆栈。 
利用这一点，javascript实际上是有多个线程的。
问题是： 多个setTimeout 是 分别放在不同的堆栈吗？如果是，那么我们就真的有了多线程的基础了

另一篇文章中的阐述。哪个是对的呢？

javascript线程解释（setTimeout,setInterval你不知道的事）

setTimeout( function(){ alert(’你好!’); } , 0);
setInterval( callbackFunction , 100);

div.onclick = function(){
    setTimeout( function(){document.getElementById(’inputField’).focus();}, 0);
};

setTimeout( function(){ while(true){} } , 100);
setTimeout( function(){ alert(’你好!’); } , 200);
setInterval( callbackFunction , 200);

<strong>JavaScript引擎是单线程运行的,浏览器无论在什么时候都有且只有一个线程在运行JavaScript程序.
</strong>

如果队列非空,引擎就从队列头取出一个任务,直到该任务处理完,即返回后引擎接着运行下一个任务,在任务没返回前队列中的其它任务是没法被执行的.

setTimeout(function(){
   /* 代码块... */
   setTimeout(arguments.callee, 10);
}, 10);
 
setInterval(function(){
   /*代码块... */
 }, 10);

setTimeout(function(a,b,c){
    console.log(a);//a
    console.log(b);//b
    console.log(c);//c
},0,3,4,5);
 
setInterval(function(a,b,c){
    console.log(a);//b
    console.log(b);//b
    console.log(c);//c
},0,3,4,5);

setTimeout，setInterval运行原理

标签：inpu   细节   结果   定时器   表示   一个   运行   target   事件   

原文地址：http://www.cnblogs.com/lidgblogs/p/7427117.html