脚本宝典收集整理的这篇文章主要介绍了浅述Promise用法(一),脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
1. Promise概述
@H_777_5@promise是异步编程的一种解决方案,很好的解决了传统异步编程中的回调地狱问题。同时我们可以把PRomise可以理解为一个容器,这个容器里面存放着一些未来才会结束的事件(通常都是一些异步操作)。
在es6语法中,Promise是一个构造函数,用来生成Promise实例。语法中阐述,Promise有三种状态,分别是PEnding(进行中)、Resolved(已完成)、Rejected(已失败)。Promise的状态只有两种可能,1、Pending->Resolved
2、Pending->Rejected 。以上两种情况是互斥的,也就是说只要从Pending状态变成Resolved状态,这个状态就会凝固。就不会再从Pending状态变成Rejected状态
2. Promise构造函数解析
Promise构造函数接受一个函数作为参数,这个函数有两个参数,分别是resolve和reject。这两个参数是两个函数,由Javascript引擎提供,不用自己部署。
下面我们就举例说明,
VAR p = new Promise(function(resolve, reject){
//开始异步操作
setTimeout(function(){
console.LOG('异步操作完成');
/*
if(true){
resolve('异步操作成功调用我');
}else{
reject('异步操作失败调用我');
}
*/
}, 2000);
});
3. Promise方法解析
通过上图我们可以看到Promise本身有all、race、reject、resolve等方法,原型上面有then、catch等方法。
1)、then()方法使用
要使用then()方法我们首先要创建Promise实例,也就是说我们要new一个Promise对象。在我们实际的开发中都是把这个过程封装到一个函数中,在函数中返回一个Promise实例。如下实例,
function runAsync(){
var p = new Promise(function(resolve, reject){
//异步操作开始
setTimeout(function(){
console.log('异步操作完成');
resolve('异步操作成功调用我');
/*
if(true){
resolve('异步操作成功调用我');
}else{
reject('异步操作失败调用我');
}
*/
}, 2000);
});
return p;
}
runAsync()
Promise实例生成以后,就可以用then方法分别指定Resolved状态和Reject状态的回调函数。如下,
runAsync().then(
function (data){
console.log(data);
})
以上是脚本宝典为你收集整理的浅述Promise用法(一)全部内容,希望文章能够帮你解决浅述Promise用法(一)所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。