什么是Promise ?
Promise是ES6中提供的一個異步編程的解決方案,Promise本身是一個構(gòu)造函數(shù)
console.log( typeof Promise) //function
在js中壹堰,所有的代碼都是同步執(zhí)行的仇祭,而在js在進行網(wǎng)絡操作澡屡,瀏覽器實踐,任務隊列時妖爷,就導致很多代碼必須要進行回調(diào)蝶涩,出現(xiàn)回調(diào)地獄。
ajax就是典型的異步操作絮识。
Promise則是異步編程的一種解決方案绿聘,它有兩個特點:
1、對象的狀態(tài)不受外界影響次舌,
2熄攘、狀態(tài)改變是不可逆不可改變。
Promise一共有三種狀態(tài)彼念,分別為:
Pending(進行中)
Resolved(已完成)
Reject(已失斉不)
初始狀態(tài)為pending,如果成功則resolved逐沙,如果失敗測reject哲思。
promise 的基本用法
let promise = new Promise((resolve,reject) =>{
resolve()
}).then(res=>{console.log(res)})
Promise構(gòu)造函數(shù)接收一共函數(shù)作為參數(shù),該函數(shù)有兩個參數(shù)分別為resolve和reject吩案,調(diào)用resolve則會代表成功棚赔,調(diào)用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的回調(diào)徘郭,分別有兩個參數(shù)靠益,參數(shù)分別是(resolve)=>{},(reject)=>{}。then方法的返回值也是一個promise崎岂,因此可以不斷的進行鏈式調(diào)用then方法捆毫。
all方法
Promise的all方法提供了并行執(zhí)行異步操作的能力,它可以將promise數(shù)組作為參數(shù)冲甘,只有當時所有promise都成功后绩卤,才會獲取到成功結(jié)果途样,否則會報錯。
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); })
打印結(jié)果:
p1的第一條輸出語句
p2的第一條輸出語句
p3的第一條輸出語句
['p1完成','p2完成','p3完成']
race方法
在all中的回調(diào)函數(shù)中濒憋,等到所有的Promise都執(zhí)行完何暇,再來執(zhí)行回調(diào)函數(shù),race則不同它等到第一個Promise改變狀態(tài)就開始執(zhí)行回調(diào)函數(shù)凛驮。
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); })
打印結(jié)果: p1完成