什么是Promise ?
Promise是ES6中提供的一个异步编程的解决方案,Promise本身是一个构造函数
console.log( typeof Promise) //function
在js中,所有的代码都是同步执行的,而在js在进行网络操作,浏览器实践,任务队列时,就导致很多代码必须要进行回调,出现回调地狱。
ajax就是典型的异步操作。
Promise则是异步编程的一种解决方案,它有两个特点:
1、对象的状态不受外界影响,
2、状态改变是不可逆不可改变。
Promise一共有三种状态,分别为:
Pending(进行中)
Resolved(已完成)
Reject(已失败)
初始状态为pending,如果成功则resolved,如果失败测reject。
promise 的基本用法
let promise = new Promise((resolve,reject) =>{
resolve()
}).then(res=>{console.log(res)})
Promise构造函数接收一共函数作为参数,该函数有两个参数分别为resolve和reject,调用resolve则会代表成功,调用reject则会代表失败。
then 方法
function greet(){
let promise = new Promise ((resolve,reject)=>{
let data = 'hello world'
resolve(data)
})
return promise
} greet().then(res=>{console.log(res)})
then方法是处理resolve和reject的回调,分别有两个参数,参数分别是(resolve)=>{},(reject)=>{}。then方法的返回值也是一个promise,因此可以不断的进行链式调用then方法。
all方法
Promise的all方法提供了并行执行异步操作的能力,它可以将promise数组作为参数,只有当时所有promise都成功后,才会获取到成功结果,否则会报错。
function p1(){
var promise1 = new Promise(function(resolve,reject){
console.log("p1的第一条输出语句");
resolve("p1完成"); })
return promise1; }
function p2(){
var promise2 = new Promise(function(resolve,reject){
console.log("p2的第一条输出语句");
resolve("p2完成"); })
return promise2; }
function p3(){
var promise3 = new Promise(function(resolve,reject){
console.log("p3的第一条输出语句");
resolve("p3完成") });
return promise3; }
Promise.all([p1(),p2(),p3()]).then(function(data){
console.log(data); })
打印结果:
p1的第一条输出语句
p2的第一条输出语句
p3的第一条输出语句
['p1完成','p2完成','p3完成']
race方法
在all中的回调函数中,等到所有的Promise都执行完,再来执行回调函数,race则不同它等到第一个Promise改变状态就开始执行回调函数。
function p1(){
var promise1 = new Promise(function(resolve,reject){
resolve("p1完成");
}) return promise1;
}
function p2(){
var promise2 = new Promise(function(resolve,reject){
reject("p2失败"); })
return promise2;
}
Promise.race([p1(),p2()]).then(function(data){
console.log(data); })
打印结果: p1完成