es6——异步编程的解决方案 Promise
Promise 是异步编程的一种解决方案,比传统的解决方案(回调函数和事件)更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise 是一个对象,从它可以获取异步操作的消息。Promise 提供统一的 API,各种异步操作都可以用同样的方法进行处理。有了Promise对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise对象提供统一的接口,使得控制异步操作更加容易。
### 实例化
Promise构造函数接收一个函数作为参数,也就是回调函数;该函数的两个参数分别是resolve和reject。resolve作为成功的回调函数,reject作为失败的回调函数。Promise对象代表一个异步操作有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。最后返回resolved(已定型)结果。
### 2.实例方法
定义在Promise.prototype中的方法,通过Promise实例可以直接调用
then() 状态由pending变为fulfilled的时候也就是异步操作成功之后执行该回调函数
参数:回调函数,回调函数的参数为resolve函数传递过来的值
返回值:返回一个新的Promise实例对象,因此可以使用链式调用
catch() 由pending变为rejected的时候执行该回调函数也就是异步失败之后执行该回调函数
参数:回调函数,回调函数的参数为reject函数传递过来的值
返回值:返回一个新的Promise实例对象,因此可以使用链式调用
finally()无论异步操作执行成功失败与否,都会执行该回调
参数:回调函数
返回值:返回一个新的Promise实例对象
1.创建promise对象
let p1=new Promise((resolve,reject)=>{
// resolve,reject是回调函数
// resolve函数是promise对象最终状态为成功状态
//reject函数是promise对象最终状态为失败状态
//非异步
//假设异步操作执行成功,修改promise对象状态为成功状态
if(3>2){
resolve('success')
}else{
//假设异步操作执行失败,修改promise对象状态为失败状态
reject('error')
}
})
//如何提供resolve和reject函数
//在promise原型里有then和catch
// 1.then方法表示的是成功之后的回调,对应resolve
// 2.catch方法表示的是失败之后的回调,对应reject
p1.then((res)=>{
console.log(res,'成功回调')
}).catch((error)=>{
console.log(error,'失败回调')
}).finally(()=>{
console.log('最终执行')
})
//如果then里面传了两个回调函数,第一个代表成功之后的回调,第二个代表失败之后的回调,分别代表resolve()和reject()
p1.then((res)=>{
console.log(res,'成功')
},(err)=>{
console.log(res,'失败')
});
let p1=new Promise((resolve,reject)=>{
//发起异步请求
$.ajax({
url:'http://47.93.206.13:8888/index/article/findCategoryArticles',
success(res){
resolve(res)
},
error(err){
reject(err)
}
})
});
p1.then((res)=>{
console.log(res);
// res做处理
}).catch((err)=>{
console.log(err)
})
静态方法
定义在Promise中的方法,通过Promise可以直接调用
Promise.all([p1,p2])
参数:数组,数组中的元素为Promise实例
返回值:Promise实例,当p1,p2状态都为fulfilled时候,该实例的状态才为fulfilled,此时p1,p2的返回值组成一个数组,传递给该实例的回调函数;只要p1,p2的返回值有一个变为rejected,该实例状态为rejected;
Promise.race([p1,p2]) 赛跑返回先请求成功的实例
参数:数组,数组中的元素为Promise实例
返回值:Promise实例,当p1,p2之中有一个实例率先改变状态,该实例的状态就跟着改变。那个率先改变的 Promise 实例的返回值,就传递给该实例的回调函数。
Promise.any([p1,p2])
参数:数组,数组中的元素为Promise实例
返回值:Promise实例,只要p1,p2状态有一个变为fulfilled,该实例的状态为fulfilled;p1,p2状态都变为rejected,该实例状态才为rejected
推荐阅读
-
es6——异步编程的解决方案 Promise
-
JavaScript异步编程Promise模式的6个特性_javascript技巧
-
vue中使用async、await和promise实现异步API的同步调用
-
async await 就ajax因果调用解决方案(思路:以同步的思维解决异步的调用)
-
ES6基础学习——第二天(Symbol 的基本使用、迭代器、生成器、Promise 基本语法)
-
3分钟学会Promise--API的使用(es6篇)
-
异步/多线程/任务/并行编程之一:如何选择合适的多线程模型?
-
Java8新的异步编程方式CompletableFuture实现
-
C#实现异步编程的方法
-
Activity/Fragment结束时处理异步回调的解决方案