Promise对象
Promise对象目录
promise是什么?
es6 Promise官方地址
概念:
Promise 其实是异步编程的一种解决方案.简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,可以从改对象获取异步操作的消息。可以用来解决回调地狱的问题。
- promise是一门新的新的技术,是JS中进行异步编程的新解决方案(旧方案就是单纯的使用回调函数解决)
- 异步编程(包括但不只有这些):
//传统用的是回调函数- fs文件操作
require('fs').addFile('./index.html',(err,data)=>{})
- 数据库操作
- AJAX
$.get('/sever',(data)=>{})
- 定时器
setTimeout(()=>{},2000)
- 异步编程(包括但不只有这些):
- 从语法上,Promise是一个构造函数,Promise对象用来封装一个异步操作并可以获取其 成功 / 失败 的结果值
1.Promise有几种状态?
3种,等待(pending)、已完成(fulfilled)、已拒绝(rejected)
Promise 对象只有: 从 pending 变为 fulfilled 和从 pending 变为 rejected 的状态改变。只要处于 fulfilled 和 rejected ,状态就不会再变了即 resolved(已定型)。
const Promise1=new Promise((resolve,reject)=>{}); //pending
const Promise2=new Promise((resolve,reject)=>resolve(1)); //resolved
const Promise3=new Promise((resolve,reject)=>reject(2)); //rejected
console.log(Promise1,'Promise1')//pending
console.log(Promise2,'Promise2')//resolved
console.log(Promise3,'Promise3')//rejected
Promise2.then(v=>{
console.log('then')
console.log(v,'v')//1 v
})
Promise3.then(v=>{
console.log('then')
console.log(v,'v')
}).catch(v=>{
console.log('catch')
console.log(v,'v')//2 v
})
2.Promise的状态是否可变?
不可变,一个promise的状态只可能从“等待”转到“完成”态或者“拒绝”态,不能逆向转换,同时“完成”态和“拒绝”态不能相互转换
3.Promise如何解决回调地狱?
then里面可以return 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))
}
requese1().then(v=>{
console.log('第一层then')
console.log(v,'v')//1 v
return request2();
}).then(v=>{
console.log('第二层then')
console.log(v,'v')//2 v
return request3();
).then(v=>{
console.log('第三层then')
console.log(v,'v')//3 v
)
4.Promise有哪些方法?他们的应用场景是什么?(all / race)
- Promise.all( ).then( )适用于处理多个异步任务,且所有的异步任务都得到结果时的情况。
- Promise.race()赛跑机制,只认第一名
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根据传入的顺序进行输出
Promise.all([Promise1,Promise2,Promise3]).then(v=>{
console.log('then');
console.log(v,'v');//[1,2,3]
}).catch(v=>{
console.log('catch');
console.log(v,'v')
})
//谁先返回就用谁,不管是resole还是reject
Promise.once([Promise1,Promise2,Promise3]).then(v=>{
console.log('then');
console.log(v,'v');//3
}).catch(v=>{
console.log('catch');
console.log(v,'v')
})
5.如何让Promise顺序执行(async / await)
- async函数返回一个 Promise 对象,可以使用then方法添加回调函数。当函数执行的时候,一旦遇到await就会先返回,等到异步操作完成,再接着执行函数体内后面的语句。
- async函数返回的 Promise 对象,必须等到内部所有await命令后面的 Promise 对象执行完,才会发生状态改变,除非遇到return语句或者抛出错误。也就是说,只有async函数内部的异步操作执行完,才会执行then方法指定的回调函数。
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)
})
//async/await
async function execute(){
await Promise1.then(v=>console.log(v))//1
await Promise2.then(v=>console.log(v))//2
await Promise3.then(v=>console.log(v))//3
}
execute();