深入理解ES6 Promise 扩展always方法
更新时间：2017年09月26日 16:50:11 作者：lazydu
本篇文章主要介绍了ES6 Promise 扩展always方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
ES6添加了Promise对象，成功时在then中处理，失败则在catch中处理，但有时候，我们需要在无论成功或失败时都要做一些事，比如隐藏loading, 记录日志等等，下面我们以浏览器端ajax请求为例，我们使用axios（它是基于Promise的）:
axios.get("/").then(()=>{
//处理逻辑
...
console.log("请求结束")
hideLoading();
}).catch(()=>{
console.log("请求结束")
hideLoading();
})
这样的代码， 很冗余。每到这个时候都有点怀念jQuery：
$.get("/").done(()=>{
//处理逻辑
}).always(()=>{
console.log("请求结束")
hideLoading();
})
es6-promise-always正是对ES6的功能做了一个扩充，使其支持always，并同时支持node和browser.
使用
1.安装
npm install es6-promise-always --save
2.引入使用
require("es6-promise-always")
axios.get("/").then(()=>{
//处理逻辑
}).always(()=>{
console.log("请求结束")
hideLoading();
})
always(data, error)
- data: resolve的数据。
- error: reject的数据。
Tips
不要担心这个会让你的程序变胖！es6-promise-always非常小。刚开始实现时always时，走错了方向，辛好迷途知返。github地址：https://github.com/wendux/es6-promise-always
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了H5图片压缩与上传的实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
使用JavaScript实现node.js中的path.join方法
Node.JS中的 path.join 非常方便，能直接按相对或绝对合并路径，有时侯前端也需要这种方法，如何实现呢？感兴趣的朋友跟随脚本之家小编一起看看吧2018-08-08
这篇文章主要介绍了为什么JavaScript没有块级作用域的相关资料,需要的朋友可以参考下2016-05-05
本文主要介绍了微信小程序事件点击跳转页面的五种方法小结，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-07-07
Fetch API提供了一个JavaScript接口，用于访问和操纵HTTP管道的部分。它还提供了一个全局 fetch()方法，该方法提供了一种简单，合理的方式来跨网络异步获取资源。本文将详解JS如何使用Fetch，感兴趣的可以学习一下2022-05-05
这篇文章主要介绍了Javascript浮点数乘积运算出现多位小数的解决方法,需要的朋友可以参考下2014-02-02
将input框中输入内容显示在相应的div中【三种方法可选】
本篇文章主要介绍了在input框中输入内容，会相应的显示在下面的div中的不同做法：js方法；jQuery方法；AngularJs方法，具有很好的参考价值。下面跟着小编一起来看下吧2017-05-05
有过相关经验的朋友都知道，Jscript的效率毕竟有限，在数组中查找数据时如果用常规的算法来做执行起来会很慢。2008-07-07
本文主要介绍了使得我们处理图片上传更加简单的方法FileAPI。具有很好的参考价值，下面跟着小编一起来看下吧2017-01-01
这篇文章主要介绍了JavaScript数据结构之数组的表示方法,从数据结构线性表的角度分析了数组的原理并结合实例形式分析了javascript数组的定义与使用方法,需要的朋友可以参考下2017-04-04
最新评论