promise的一些应用案例

Dear 丶 2021-12-14 09:57 364阅读 0赞

# promise的一些应用案例 #

## 一些简单的使用 ##

*  具体参考 阮一峰老师 [Promise 对象][Promise]

## Axios源码里面的request使用Promise的例实现一个interceptors ##

Axios.prototype.request = function request(config) { 
      /*eslint no-param-reassign:0*/
      // Allow for axios('example/url'[, config]) a la fetch API
      if (typeof config === 'string') { 
        config = utils.merge({ 
          url: arguments[0]
        }, arguments[1]);
      }
    
      config = utils.merge(defaults, { method: 'get'}, this.defaults, config);
      config.method = config.method.toLowerCase();
    
      // Hook up interceptors middleware
      var chain = [dispatchRequest, undefined];
      var promise = Promise.resolve(config);
    
      this.interceptors.request.forEach(function unshiftRequestInterceptors(interceptor) { 
        chain.unshift(interceptor.fulfilled, interceptor.rejected);
      });
    
      this.interceptors.response.forEach(function pushResponseInterceptors(interceptor) { 
        chain.push(interceptor.fulfilled, interceptor.rejected);
      });
    
      while (chain.length) { 
        promise = promise.then(chain.shift(), chain.shift());
      }
    
      return promise;
    };

## antd里面Model使用Promise案例代码 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70]

待补充。。。

## 参考文档 ##

1.  [搞懂jquery中的promise][jquery_promise]

[Promise]: https://es6.ruanyifeng.com/#docs/promise
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmd3ZWlyZW5fZ2V0_size_16_color_FFFFFF_t_70]: /images/20211214/284c3b2c4db64d0e8c2cffc6044745b5.png
[jquery_promise]: http://www.360doc.com/content/18/0124/16/9200790_724747629.shtml