异步:promise、then、async、await、try、
同步和异步
同步和异步是一种消息通知机制
同步阻塞: 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,这样错误处理代码非常冗余。并且,在我们的实际生产代码会更加复杂。