简单理解Promise

概念

我理解的Promise就是一套为处理异步情况的方法。先创建一个promise对象来注册一个委托,其中包括委托成功及失败后的处理函数。然后基于这种表述方式,来将promise应用到各种异步处理的情况中。

Promise的一个写法案例

var promise = getAsyncPromise('fileA.txt');
promise.then( function(result){
      // 成功时的处理办法
}).catch( function(error){
      // 失败时的处理办法
})

// 返回一个promise对象

基于这种统一的书写方式,就可以简便的实现回调,不需要去设计函数的名字,同时因为返回的是promise对象,可是实现连续的then调用。

使用Promise

一般情况下,我们会使用new Promise()来创建promise对象。
比如在一个AJAX请求中,使用promise来写:

function ajax(options){
   return new Promise(resolve, reject){
     let {method, url} = options;
     let xhr = new XMLHttpRequest();
     xhr.open(method,url);
     xhr.readystatechange = function(){
          if(xhr.readystate >=200 && xhr.readystate<400){
              resolve.call(null,xhr.responseText)
          }else if(xhr.readystate >= 400){
              reject.call(null,xhr.status)
          }
        }
     }
    xhr.send();
}

调用如下:

ajax({method:'GET',url:'www.baidu.com' })
  .then(function(responseText){
    console.log('我成功了')
    console.log(responseText)
  },function(status){
    console.log('我失败了')
    console.log(status)
  }
)

使用promise,对于异步的处理更加清晰简洁,一目了然,且promise支持链式调用,所以甚至可以这么用

promise.then(resolve,reject).then(resolve,reject)

其中的resolve和reject分别代表成功和失败的函数。

两个常用的Promise API

Promise.all ([promise1,promise2..])

返回一个新的Promise对象,当该promise对象内的参数对象都成功的状态下才会触发成功,有一个失败则立即触发失败。

Promise.race ([promise1,promise2..])

当参数里的任意一个promise成功或失败后,该函数就会返回,并使用这个promise对象的值进行resolve或reject

基本用法如下:

    let promise1 = ajax({method:'GET',url:'/x.json'});
    let promise2 = ajax({method:'GET',url:'/y.json'});
    Promise.all([promise1,promise2]).then(function(){
        console.log('两个promise都执行完成了')
    });
    Promise.race([promise1,promise2]).then(function(){
        console.log('有一个promise先执行完成了')
    })
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文适用的读者 本文写给有一定Promise使用经验的人,如果你还没有使用过Promise,这篇文章可能不适合你,...
    HZ充电大喵阅读 7,323评论 6 19
  • Promiese 简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果,语法上说,Pr...
    雨飞飞雨阅读 3,373评论 0 19
  • 00、前言Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区...
    夜幕小草阅读 2,139评论 0 12
  • 你不知道JS:异步 第三章:Promises 在第二章,我们指出了采用回调来表达异步和管理并发时的两种主要不足:缺...
    purple_force阅读 2,108评论 0 4
  • 这一路想了很多 终点再远 也会有到达的那一刻 人生再长 也会慢慢被我们消磨殆尽 很多时候 总在抱怨自己没有别人优秀...
    乐樂阅读 178评论 0 0