Promise

1.promise的状态

promise有三种状态：
pending、resolved（fufilled）、rejected
其中，pending表示初始化状态、resolved表示请求成功状态、rejected表示请求失败的状态。

2.Promise解决了什么问题？存在的必要性？

promise解决了回调地狱的问题。
回调地狱：为了让代码顺序执行，在回调函数中嵌套回调函数
回调函数：将函数作为参数传入另一个函数，但是不会立刻执行，满足了一定条件才执行。（比如定时器）

3.promise的状态是否可变？

promise状态的改变有两种：
pending–> resolved
pending->rejected
只有上述两种改变，不可能由resolved变为rejected。并且promise状态只能改变一次，比如由pending变为resolved后，就不可能再发生变化了。

4.promise是如何解决回调地狱的？

采用链式调用的思想，可以理解为多个函数的嵌套执行改为链式调用，使用then方法并且每次返回一个promise对象。

function request1(){
    return new Promise(resolve => resolve(1))
}
function request2(){
    return new Promise(resolve => resolve(2))
}
function request3(){
    return new Promise(resolve => resolve(3))
}
request1().then(v=>{
    console.log('request1成功的回调');
    return request2();
}).then(v=>{
    console.log('request2成功的回调');
    return request3();
}).then(v=>{
    console.log('request3成功的回调');
}).catch(e=>{
    console.log('失败的结果');
})

5.promise有哪些方法？应用场景？（all/race）

promise.all()

(1)如果所有的promise都是成功的调用，返回一个数组。

const promise1=new Promise(resolve=>{
    setTimeout(()=>{
        resolve(1)
    },3000)
})
const promise2=new Promise(resolve=>{
    setTimeout(()=>{
        resolve(2)
    },2000)
})
const promise3=new Promise(resolve=>{
    setTimeout(()=>{
        resolve(3)
    },1000)
})
Promise.all([promise1,promise2,promise3].then(v=>{
    console.log('then');
    console.log('v',v)
}).catch(e=>{
    console.log('catch');
    console.log('e',e)
}))
//返回结果：[1,2,3]

(2)如果promise中有一个是失败的调用，返回失败的结果。

const promise1=new Promise(resolve=>{
    setTimeout(()=>{
        resolve(1)
    },3000)
})
const promise2=new Promise(resolve=>{
    setTimeout(()=>{
        resolve(2)
    },2000)
})
const promise3=new Promise(reject=>{
    setTimeout(()=>{
        reject(3)
    },1000)
})
Promise.all([promise1,promise2,promise3].then(v=>{
    console.log('then');
    console.log('v',v)
}).catch(e=>{
    console.log('catch');
    console.log('e',e)
}))
//返回结果：catch "e",e

promise.race()

返回一个 promise，一旦迭代器中的某个promise解决或拒绝，返回的 promise就会解决或拒绝。

const promise1=new Promise(resolve=>{
    setTimeout(()=>{
        resolve(1)
    },3000)
})
const promise3=new Promise(reject=>{
    setTimeout(()=>{
        reject(3)
    },1000)
})
Promise.race([promise1,promise3].then(v=>{
    console.log('then');
    console.log('v',v)
}).catch(e=>{
    console.log('catch');
    console.log('e',e)
}))
//返回结果：then "v" 3

6.如何让promise顺序执行（async、await）

const promise1=new Promise(resolve=>{
    setTimeout(()=>{
        resolve(1)
    },3000)
})
const promise2=new Promise(resolve=>{
    setTimeout(()=>{
        resolve(2)
    },2000)
})
const promise3=new Promise(reject=>{
    setTimeout(()=>{
        reject(3)
    },1000)
})
async function execute(){
    await promise1.then(v=>console.log(v))
    await promise2.then(v=>console.log(v))
    await promise3.then(v=>console.log(v))
}
execute()
//返回结果：1 2 3