JavaScript最佳新手入门系列之（同步与异步）

JavaScript同步与异步

在JavaScript中同步与异步是非常重要的两个概念，首先在这儿做一个总体概述，然后再详细说明
同步：往简单了说，就是在同一时间JavaScript只能做一件事
异步：同样的异步就是JavaScript可以在同一时间做两件以上的事，在做这件事的同时，还可以做另一件事

• 首先必须说明一点，JavaScript的在设计之初就注定了他必须是同步的，（也就是单线程的），而不能是异步的，为啥不能是异步的呢？大家想一个问题，你写了个JavaScript文件，代码里面操作了一个DOM元素（比如：修改它的背景颜色），接下来你又想删除了这个DOM元素，假入JavaScript是异步的，也就是说在同一时间可以同时执行这两件事，那么到底是修改呢，还是删除呢？不知道？所以JavaScript必须是同步的

• 同步有什么好处呢 ？代码执行较为清晰，逻辑比较简单，但是因为是同步的，代码必须从上往下一行一行的执行，执行到某一行，假如遇到了一个ajax请求，这个请求时间比较长，在这段时间里后面的代码又执行不了，cpu也处于空闲状态，势必造成了资源的浪费

• 异步的好处？ 遇到异步请求，可以继续往下执行，不需要等待，有效的利用了资源，节省了时间

---

JavaScript的代码执行机制

var a = 1;var b = 3;var c = a + b;var d = setTimeOut（function（）{    alert（111）；}，3000）console.log(c);

JavaScript代码从上往下一行一行去执行，以上代码为例说明：

首先执行第一行代码，OK第一行代码进入执行队列去执行，（在内存里开辟一块空间命名为a保存一个数值为1），执行完毕后，第一行代码出队列

第二行代码进去执行队列去执行，（在内存里开辟一块空间命名为b保存一个数值为3），执行完毕后，第二行代码出队列

第三行代码依次去执行，只不过第三行代码会从内存里加载a ， b变量的值，然后做加法运算，执行完了之后，第三行代码出队列

第四行依次走，进入队列，执行队列一看是时间函数，瞬间将时间函数扔进异步队列里面，异步队列会检测时间函数的时间，3秒之后会将时间函数的回掉函数扔进可执行队列（可执行队列里面有一个事件循环机制，在主队列为空的情况下，会将可执行队列的代码加载到执行队列里去执行）

最后一行进入执行队列去执行，执行完毕出队列

最后的执行结果肯定是先控制台输出4，然后再弹出111

• 这就是JavaScript的同步单线程机制，在同一时刻执行队列中只能执行一条命令也就是只能做一件事，执行完了，出队列，后面的命令才能进入执行队列