浅述Promise用法(一)

  1. Promise概述

    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);
    });
复制代码
  1. 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);
})


复制代码
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值