01 什么是
promise
?
promise
是异步编程的一种解决方案。
一种很常见的场景就是网络请求了,我们封装了一个网络请求的函数,因为不能立即拿到结果并将结果返回,所以往往我们会传入另外一个函数,在数据请求成功时,将数据通过传入的函数回调出去。如果只是一个简单的网络请求,那么这种方案不会给我们带来很大的麻烦,但是当网络请求非常复杂的时候,就会出现回调地狱。
// new -> 构造函数(1.保存了一些状态信息 2.执行传入的函数)
// 参数 -> 函数(resolve, reject) ,resolve, reject本身又是函数
// 链式编程
new Promise((resolve, reject) => {
// 需要封装的异步操作
setTimeout((data) => {
resolve(data);
reject(err)
},1000)
}).then(data => {
// 网络请求和处理代码分离
// 处理resolve函数,成功后的结果
}).catch(err => {
// 处理reject函数,失败后的结果
})
-
promise
的三种状态-
pending
:等待状态,比如正在进行网络请求,或者定时器没有到时间。 -
fullfill
:满足状态,当我们主动回调了resolve
时,就处于该状态,并且会回调.then()
; -
reject
:拒绝状态,当我们主动回调了reject
时,就处于该状态,并且会回调.catch()
;
-
-
promise.all()
方法的使用
// 传入的是一个可迭代对象
Promise.all([
new Promise(),
new Promise(),
...
]).then(results => {
// 对两次的结果分别打印
})
Vue2和Vue3中的响应式原理
vue2的响应式:
- 实现原理
- 对象类型
- 数组类型
- 存在问题:
- 新增属性
- 直接