什么是Promise
- 他是一个对象,是用来处理异步操作的,可以让我们写异步调用的时候写起来更加优雅,更加美观便于阅读。顾名思义为承诺、许诺的意思,意思是使用了Promise之后他肯定会给我们答复,无论成功或者失败都会给我们一个答复。Promise有三种状态:pending(进行中),resolved(完成),rejected(失败)。
怎么使用Promise
- promise 对象和 es6 配合使用,es6中构造函数原型上有一个比较常用的 then 方法,用来执行回调函数,then 方法接受两个参数,第一个是成功的 resolved 的回调,另一个是失败 rejected 的回调,第二个失败的回调参数可选。并且 then 方法里也可以返回 promise 对象
- 理论已经到位,下面上代码
const promise = new Promise((resolve, reject) => {
console.log(1)
resolve()
console.log(2)
})
promise.then(() => {
console.log(3)
})
console.log(4)
1
2
4
3
- 为什么是这个结果呢?Promise 内部是顺序执行的,resolve 是异步执行的
- 另外 Promise.all() 也是比较常见的,什么时候使用呢?适合用于所有的结果都成功了才去执行 then()成功的操作,废话不多说,上代码
let p1 = new Promise(function (resolve, reject) {
resolve();
});
let p2 = new Promise(function (resolve