异步与Promise

141 阅读1分钟

异步

同步:能直接拿到结果

异步:不能直接拿到结果

image.png

image.png

image.png

image.png

回调

回调常用在 异步,但也可以用在同步里

回调:只要不是我 直接调用的 都是回调?

image.png

image.png

异步和回调的关系

image.png

异步函数的例子

1、判断同步异步

image.png

2、!AJAX 只设置异步

image.png

3、摇骰子

image.png

image.png

image.png

image.png

总结

image.png

Promise的用法

1、 如果异步任务有两个结果 成功或失败,怎么办

答:接受一个对象,这个对象有两个key,表示这两个结果

image.png

2、使用promise的缺点

image.png

image.png

3、Promise对AJXA的改写

1、AJAX的代码封装

image.png

2、Promise对AJXA的改写

image.png

image.png

!背下来 即掌握Promise

image.png

image.png

image.png

4、axios 代替了 jQuery.ajax

!Promise就如同这个单词一样不可以取消,但是axios使用 axios.cancelToken 取消了,取消的不是Promise 而是那个请求

image.png  

image.png

第一步 百度搜索 jquery中文文档 (翻墙)

image.png

image.png

第二步,在搜索栏,输入要找的内容 jQuery.ajax

image.png

总结

1、异步是什么

异步就是不能直接拿到结果

2、异步为什么会用回调

为了拿到那个 不能直接拿到的结果,必须用回调 或者 轮询

3、回调有哪三个问题

回调地狱、名字没有统一的标准、没办法进行很好的错误处理

4、Promise是一种设计模式

5、如何使用Promise

以下就是使用方法,背下来

image.png

6、如何使用Axios

发个请求 试用看看

image.png

image.png

image.png

7、!promise是前端解决异步问题的同一方案