一、Promise 的含义
Promise 是异步编程的一种解决方案,比传统的解决方案—回调函数和事件—更合理和更强大,ES6将其写进了标准语言,统一了用法,提供了原生Promise对象。
Promise,简单来说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果,从语法上来讲,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一API,各种异步操作都可以用同样的方法进行处理。
Promise 对象有以下两个特点
- 对象的状态不受外界影响。Promise对象代表一个异步操作,有3种状态:pending(进行中), fulfilled(已成功)和rejected(已失败)。只有异步操作的结果可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这因为是 Promise 的由来。他的英语意思是‘承诺’,表示其他手段无法改变。
- 一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise 对象的状态改变,只有两种可能:从 pending 变为 fufilled 和从 pending 变为 rejected。只要这两种情况发生了,状态就凝固了,不会再变了,会一直保持这个结果,这时就称为resolved(已定型)。如果改变已经发生了,你再对 Promise 对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的。
二、Promise 的基本使用
1. Promise.all
let p1 = new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve(1)
},1500)
})
let p2 = new Promise((resolve,reject)=>{
setTimeout(()=>{
resolve(2)
},0)
})
Promise.all([p1,p2].then((res)=>{
console.log(res)
})
Promise.all() 会返回多个Promise的结果,形成一个数组,结果如下:
2. Promise.race
let p1 = new Promise(()=>{
setTImeout(()=>{
resolve(1)
},1500)
})
let p2 = new Promise(()=>{
setTimeout(()=>{
resolve(2)
},0)
})
Promise.race([p1,p2].then((res)=>{
console.log(res)
}))
Promise.race() 会返回多个Promise中最快的那一个,其他不会返回。结果如下:
3. Promise 的联用
new Promise((resolve,reject)=>{
resolve(1);
}).then(res=>{
return res
}).then(res=>{
return res
})