ES6 Promise对象

在了解Promise对象之前,我们有必要先来了解一下什么是回调。其实大家对于回调应该都不陌生。将函数作为参数,当主函数运行时,我们需要在合适的时候调用作为参数函数,但是又不影响函数的运行,这时候就用到了回调。举个例子

function func1(func2,a){
        if(a > 0){
                func2();
        }
        console.log("我是主函数");
}
function func2() {
        setTimeout("console.log('我是回调函数')",1000);
}
func1(func2,10);
//我是主函数
//我是回调函数

Promise对象

当我们的回掉函数很简单时,我们能很容易的分辨出结构,但是当回调函数很复杂时,根据业务需求可能会有很多层,这是就变得难以辨别,所以为了解决这一问题,Promise对象出现了。Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供了Promise对象。

  • Promise对象的三个状态
    Promise对象只有三个状态:pending-promise对象的初始状态,等到任务被完成或者被拒绝。resolved-任务执行完成且成功。rejected-任务执行完但是失败。
    Promise的状态只可能从Pending状态转到Resolved状态或者Rejected状态,而且不能逆向转换,同时Resolved状态和Rejected状态也不能相互转换;
  • 规范
    Promise对象必须实现then方法,then是promise规范的核心,而且then方法也必须返回一个Promise对象,同一个Promise对象可以注册多个then方法,并且回调的执行顺序跟它们的注册顺序一致;
    then方法接受两个回调函数,它们分别为:成功时的回调和失败时的回调;并且它们分别在:Promise由Pending状态转换到Resolved状态时被调用和在Promise由Pending状态转换到Rejected状态时被调用。
  • 特点
    1.对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:Pending(进行中)、Resolved(已完成,又称Fulfilled)和Rejected(已失败)。只有异步操作的结果可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。
    2.一旦状态改变,就不会再变,任何时候都可以得到这个结果。Promise对象的状态改变,只有两种可能:从Pending变为Resolved和从Pending变为Rejected。只要这两种情况发生,状态就凝固了,不会再变了,会一直保持这个结果。就算改变已经发生了,你再对Promise对象添加回调函数,也会立即得到这个结果。这与事件(Event)完全不同,事件的特点是,如果你错过了它,再去监听,是得不到结果的

Promise对象的用法

var p = new Promise(function(resolve, reject) {
  // ... some code

  if (/* success */){
    resolve(value);
  } else {
    reject(error);
  }
});

注意:promise实例生成后会立即执行

Promise实例生成以后,可以用then方法分别指定resolved状态和rejected状态的回调函数。

p.then(function(value) {
  // success
}, function(error) {
  // failure
});

注:rejected状态函数可以省略

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Promise的含义:   Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和...
    呼呼哥阅读 2,200评论 0 16
  • 前言 在Promise之前,js的异步编程都是采用回调函数和事件的方式。但是这种编程方式在处理复杂业务的情况下,很...
    卓三阳阅读 858评论 0 1
  • Promise 对象 Promise 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函...
    neromous阅读 8,734评论 1 56
  • 目录:Promise 的含义基本用法Promise.prototype.then()Promise.prototy...
    BluesCurry阅读 1,503评论 0 8
  • 删繁就简三秋树 领异标新二月花
    雨季和海风阅读 207评论 0 1