js中的同步与异步(2.理解setTimeout)

理解setTimeout的执行方式

console.log( "a" ); //[1]
setTimeout(function() {//[2]
    console.log( "c" )
}, 500 );
setTimeout(function() {//[3]
    console.log( "d" )
}, 300 );
setTimeout(function() {//[4]
    console.log( "e" )
}, 200 );
console.log( "b" ); //[5]

js在执行的过程中对不同的任务会有不同的处理方法。这里的任务分成两种：
1.同步任务。如上面的代码中的[1] [5]
2.异步任务。如上面的代码中的[2] [3] [4]

整个代码的执行可以这样理解：

第一步：扫描。 用一个扫描仪从上向下逐个地分析任务。
如果遇到同步任务，则直接把按先后顺序放到主线程中，这个过程会形成一个栈。
如下：

[1]  ----> [2]

如果遇到异步任务，则放到一个额外的 任务队列 中。按setTimeout的时间参数从小到大放置:

[4] ---> [3] ----> [2]

第二步：执行。先把主线程中的任务做完，等到主线程中的任务全部完成之后，则再去做任务队列中的任务。