JavaScript中的同步与异步

同步：代码从上往下执行，遇见同分布，就会一直等，等到上一完成，才会继续往下执行
异步：代码从上往下执行，遇见异步，跳过。异步的代码后面执行
（这里可以设计到宏任务与微任务）

引入
哪些时异步：定时器、ajax、事件处理（如绑定的onclick等）、nodejs读取文件、pormise中的then方法

异步中的Promise对象

1.使用Promise对象可以解决低于回调问题（比如当你需要发送异步请求时，需要等待上一个异步结果才能进行下一个异步请求，那么你只能在上一个异步请求中嵌套下一个异步请求，那你的关系层层嵌套时，就会出现地狱回调问题）
2.使用Promise对象自带的then方法便可以解决
3.Promise对象，本身是一个构造函数，其中接收一个函数作为Promise构造函数的参数，这个参数参数接收两个函数参数作为参数（resolve、reject）
这两个函数实质时回调函数，当异步成功时执行resolve回调函数，当异步失败是执行rejedt回调函数
4.假设p时new Promise创建的对象，即为Promise对象，使用p.then
返回的也是Promise对象，在then中。接受两个函数参数，第一个参数时成功的回调函数，在回调函数中的参数即使p执行resolve时返回的result，失败时同理


5.可以封装Promise，封装中返回这个new的Promise对象即可


上两图结果等同
当我向触发这个异步操作时，使用如下

同时，可以使用async与await对上图进行改进，（使得代码更加简洁），且时可以看成时将异步操作写成了同步的形式，省去了写then

await表示的时，等待其执行成功时，才会执行下面的代码（这里的console.log（）不用使用then的方式

扩展：
1.Promise对象还对应两个常用的自带的方法：

• Promise.all( [p1,p2,p3,…] , function(){} )
  说明：p1、p2…表示执行异步操作的对象Promise，这里表示只有全部Promise操作执行成功才执行function，缺一不可
• Promise.race( [p1,p2,p3,…] , function(){} )
  这里表示[ ]中只要有一个异步操作执行成功便可以执行function
  2.为什么可以使用async和await，其实这时es7中的新语法，原始的js中提供的generation+yield的语法糖，使用async+await使得代码更加简洁与清晰