从两段代码中理解JavaScript的单线程和异步

    学习JavaScript需要理解它是单线程的，以及它异步的机制。现在我们从两段代码中来理解。

    1. JavaScript代码1：

var print=function(){for(i=0;i<5;i++){setTimeout(function(){console.log(i);},1000);}}print();

    这段代码的输出结果是什么？答案是5 5 5 5 5。因为JavaScript是单线程的，不是多线程的，所以如果不明白JavaScript的这个特点，就会在这个题目上出错。

    2.JavaScript代码1：

setTimeout(function(){console.log(1);},0);console.log(2);

    这段代码的输出结果是什么？答案是2 1。要想明白为何是这样，需要理解JavaScript的异步机制。

    很多人都疑惑，JavaScript是单线程的，为何还可以异步，两者是否矛盾？两者并不矛盾，要想明白需要理解浏览器的Event Loop。

    JavaScript是单线程的，所以同步代码都是在一个主线程中顺序执行，前一个任务完成，后一个任务才可以接着做。所有的同步任务形成一个执行栈。但这样的同步操作性能可能很差，尤其要是一个任务需要执行一些费事的IO操作，后面的任务将只能等着。所以除了主线程外，还有一个任务队列。就是这个任务队列让JavaScript可以异步操作。

比如回调函数就是一个异步方式，回调函数会放到一个任务队列中，当一个同步操作任务需要执行费时的IO操作时，会将任务挂起，一旦任务完成，就会在任务队列中增加一个事件。一旦执行栈中没有任务了，就会执行任务队列中的任务，这样之前同步队列中被挂起并以完成的任务也就可以执行了。

    理解了这个任务队列流程，我们再来看第二段代码。setTimeout函数的第一个参数是一个回调函数，第二个参数是延迟时间，这个函数的意思就是，当主线程的执行栈没有任务了，立即执行任务队列。因为console.log(2)是主线程上的任务，当它执行完才立即执行console.log(1)。