异步:promise、then、async、await、try、

2019-11-30  本文已影响0人  kino2046

同步和异步

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

        同步阻塞: 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,这样错误处理代码非常冗余。并且,在我们的实际生产代码会更加复杂。


上一篇下一篇

猜你喜欢

热点阅读