前言
在前端开发中，异步调用是非常常见的需求，而 Promise 是异步调用的一个非常好的实现方式，它使得我们可以通过链式调用的方式来处理异步逻辑。但是 Promise 在处理异步逻辑的过程中，一旦出现错误，就会直接包裹成一个 rejected 的 promise 对象并抛出，这样的处理方式并不是总是我们希望的。那么有没有一种方法既能够处理异步逻辑，同时在出现错误时，不会直接抛出异常呢？本文介绍的 xdefer 就是解决这个问题的一个好工具。
什么是 xdefer
xdefer 是一个基于 Promise 实现的工具，它可以让我们不必直接处理 Promise 的 rejects，而是可以像 Go 语言中一样通过 defer 语句来直接处理异常。xdefer 具有以下特点：
- xdefer 的处理方式类似于 Go 语言中 defer 的方式，可以避免出现错误时抛出异常；
- xdefer 同时支持在异步任务的执行开始和结束时执行不同的回调函数；
- xdefer 简单易用，可以通过 npm 进行安装。
xdefer 的用法
安装 xdefer
使用 npm 安装 xdefer，运行以下命令：
npm install xdefer --save
安装完毕后在需要使用的文件中引用即可：
const xdefer = require('xdefer');应用场景
下面我们举一个例子来说明 xdefer 的使用场景：我们需要从一个 API 中获取一些数据，然后将获取到的数据存储在 localStorage 中。
我们先看一下使用 Promise 情况下的代码：
fetch('http://api.com/data')
.then(response => response.json())
.then(data => {
localStorage.setItem('data', JSON.stringify(data))
})
.catch(error => console.error(error))上面这段代码逻辑很简单，但是我们可以发现在 catch 中，我们需要处理可能出现的错误。如果我们不想在 catch 中处理错误，而是希望在出现错误时做一些操作，比如记录错误信息，应该怎么办呢？这时就可以使用 xdefer 来避免直接抛出错误。
xdefer(() => fetch('http://api.com/data'))
.then(response => response.json())
.then(data => {
localStorage.setItem('data', JSON.stringify(data));
})
.defer(error => console.error(error));通过从 Promise 封装成 xdefer，我们可以在 defer 中处理错误信息，这样就可以避免在 catch 中直接抛出错误了。
回调函数
xdefer 支持两种回调函数，一种是在异步任务执行开始时执行的回调函数，另一种是在异步任务结束时执行的回调函数。
xdefer(() => new Promise((resolve, reject) => {
setTimeout(() => {
resolve('done')
}, 1000)
}))
.deferStart(() => console.log('task start'))
.defer(() => console.log('task end'))
.then(result => console.log(result))通过在 xdefer 对象上调用 deferStart 和 defer 方法，我们可以分别传入异步任务开始和结束时需要执行的回调函数。
结语
xdefer 是一个非常实用的工具，它能够方便地处理异步逻辑，同时避免直接抛出错误。xdefer 的使用方式类似于 Go 语言中 defer 的方式，具有很大的灵活性和可扩展性。在实际项目中，我们可以使用 xdefer 来简化异步任务的处理逻辑。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006711a8dd3466f61ffe835