promise
promise的理解
promise对象创建自身带有一个函数,函数中有两个参数(resolve和reject),这两个参数可以控制promise状态;
promise状态默认是pending待定状态,promise中可以通过resolve状态修改成fulfilled 成功状态,通过reject将状态修改成rejected 失败状态。(promise中代码报错也会触发失败状态),但是promise的状态只能保持一个。
promise方法有两种 为then()和catch()方法,使用promise方法可以获取promise状态所返回的结果,then()接收的是promise对象成功状态下的结果,catch()接收的是失败状态下的结果。
用来解决回调地狱,所谓回调地狱就是指把函数作为参数层层嵌套请求,这样层层嵌套,
人们称之为回调地狱,代码阅读性非常差
promise.resolve的三种情况
1.resolve(‘普通数据’)
let p = new Promise((resolve, reject) => {
resolve('123')
resolve(aa)
})
p.then(res => {
console.log(res); // '123'
})
传的是啥数据输出的就是啥数据
2.resolve(promise对象)
let p = new Promise((resolve, reject) => {
resolve(p1 )
})
let p1 = new Promise((resolve, reject) => {
reject('456')
})
p.catch(err => {
console.log(err); // 456
})
传入promise对象时 则最终结果都是根据传入的那个promise对象来进行输出的 如以上就会输出456
3.resolve(thenable也就是then方法)
const aa = { then:function(resolve,reject){
resolve(42)
} }
let p = new Promise((resolve, reject) => {
resolve(p1)
})
p.then(res =>{
console.log(res); //42
})
跟方法二一样
promise.all
let p1 = new Promise((resolve, reject) => {
// resolve('123')
resolve('123')
})
let p2 = new Promise((resolve, reject) => {
// resolve('123')
resolve('456')
})
let p3 = new Promise((resolve, reject) => {
// resolve('123')
resolve('789')
})
Promise.all([p1,p2,p3]).then(res =>{
console.log(res); // ['123','
45','789]
}).catch(err => {
console.log(err);
})
当这几个promise都成功则触发.then