Promise主要是为了解决异步请求。
语法:new Promise((resolve,reject)=>{
resolve();//成功 then()
reject();//失败 catch()
}).then(()=>{
//成功后的处理
}).catch(()=>{
//失败后的处理
});//resolve,reject 本身也是函数
注:then和catch都可以接收参数
无参数
new Promise((resolve,reject)=>{
//这里可以写逻辑
resolve();//完成后调用 resolve,就会跑到then里面,可以有参数,会传到then里面
}).then(()=>{
//自己编写后续逻辑
});
有参数
new Promise((resolve,reject)=>{
//这里可以写逻辑
var para = {name:'jay'};
resolve(para);//完成后调用 resolve,para会传到then里面就是obj
}).then((obj)=>{
var name = obj.name;//这就是上面传的jay
//自己编写后续逻辑
});
//不写catch,在then里面处理成功和失败
new Promise((resolve,reject)=>{
var para = {name:'jay'};
resolve(para);
reject('error message');
}).then((obj)=>{
var name = obj.name;
},
(error)=>{
//error 就是 字符串 error message
}
);
//分组处理
new Promise((resolve,reject)=>{
var para = {name:'jay'};
resolve(para);
}).then((obj)=>{
var name = obj.name;
return new Promise((resolve)=>{resolve(name+'xxxxxx');});//return Promise.resolve(name+'xxxxxx');//return Promise.reject('error message');//throw 'error from throw';
}).then((obj)=>{
var name = obj.name;//这个then里面处理的是上一个then里面return出来的结果
}).catch((error)=>{
//error 是 Promise.reject('error message');或者 throw 'error from throw'; 的结果
});
//分组处理 简写
new Promise((resolve,reject)=>{
var para = {name:'jay'};
resolve(para);
}).then((obj)=>{
var name = obj.name;
return name+'xxxxxx';
}).then((obj)=>{
var name = obj.name;//这个then里面处理的是上一个then里面return出来的结果
});
//Promise.all 等待所有请求结束后才调用then,then里面包含的是所有请求的结果集合。
Promise.all([ new Promise((resolve,reject)=>{resolve('1')}), new Promise((resolve,reject)=>{resolve('2')}) ]).then((results)=>{ console.log(results);//['1','2'] });