异步:promise、then、async、await、try、catch及区别

同步和异步

        同步和异步是一种消息通知机制

        同步阻塞: A调用B，B处理获得结果，才返回给A。A在这个过程中，一直等待B的处理结果，没有拿到结果之前，需要A（调用者）一直

        等待和确认调用结果是否返回，拿到结果,然后继续往下执行。

                做一件事，没有拿到结果之前，就一直在这等着，一直等到有结果了,再去做下边的事。

        异步非阻塞: A调用B，无需等待B的结果，B通过状态，通知等来通知A或回调函数来处理。

                做一件事，不用等待事情的结果，然后就去忙别的了，有了结果，再通过状态来告诉我，或者通过回调函数来处理。

---

promise

        let new = new Promise((resolve,reject)=>{resove("value")});

        ES6的Promise对象是一个构造函数，用来生成Promise实例。

        所谓Promise对象，就是代表了未来某个将要发生的事件（通常是一个异步操作）。

        它的好处在于，有了Promise对象，就可以将异步操作以同步操作的流程表达出来，避免了层层嵌套的回调函数

---

Promise对象的三种状态 pending 、resolve、reject和all、race

        resolve（接受） 

        reject（拒绝）

        pending（等待） 

        all（一次执行）

        race（速度）

---

then 方法

        两种参数：then的2个参数；onresolove（成功） 和 onreject（失败）；

then的返回值，会返回一个新的 Promise 对象, 但是状态会有几种情况:

        1.then 的回调函数中没有返回值，then就会返回一个状态为: resolved 的 promise 对象

        2.then 的回调函数返回值是 非 promise 的值，then就会返回一个状态为: resolved 的 promise 对象，另外会把返回值，传递给 下一个 then

        3.then 的回调函数返回值是 promise 对象，then 就直接返回这个  promise 对象，具体的状态可以由我们自己定义，具体传递的值，也由

           我们自己定义

---

通过promise改下请求图片

---

通过promise改写方块运动

catch拦截

---

Async 函数 和 await 改造promise

---

通过async和await改写方块运动

---

try及catch方法  捕捉错误

---

promise和async的区别

        promise写法，嵌套太多

        async写法

为什么Async/Await更好？

　　1）使用async函数可以让代码简洁很多，不需要像Promise一样需要些then，不需要写匿名函数处理Promise的resolve值，也不需要定义

            多余的data变量，还避免了嵌套代码。

　　2）错误处理：Async/Await 让 try/catch 可以同时处理同步和异步错误。在下面的promise示例中，try/catch 不能处理 JSON.parse 的

             错误，因为它在Promise中。我们需要使用 .catch，这样错误处理代码非常冗余。并且，在我们的实际生产代码会更加复杂。

---