在前端开发中，开发者常常需要调用第三方 API 或者后端服务来获取数据，对于这种情况，npm 提供了一个名为 try-call 的包来方便开发者处理异步请求。本篇文章将详细介绍 npm 包 try-call 的使用方法和相关技巧，以及实现方式与一些使用指导。
什么是 try-call？
try-call 是一个 npm 包，它可以帮助我们便捷的进行异步请求，容错处理和错误处理。try-call 推崇 “call-first, try-later” 的调用方式，概念上类似于 promise 的 catch 方式。它通过封装异步调用，降低了代码重复度，并且同时提高了代码的可读性。
如何使用 try-call？
现在我们来看一下如何使用 try-call。首先，我们需要在终端使用以下命令来安装 try-call：
$ npm install try-call --save
在安装完成之后，我们就可以在代码中使用 try-call 了。下面是一个使用示例：
-- -------------------- ---- -------
----- ------- - --------------------
------------- -- -- -
----- -------- - ----- -------------------
----- ---- - ----- ----------------
------------------
-- ------- -- -
---------------------
---在上述示例中，我们首先使用 require() 方法引入了 try-call 模块。接下来，我们使用 tryCall() 方法来包装我们需要进行异步调用的函数。将需要进行异步调用的代码写在一个匿名异步函数内，这里使用了 fetch 方法来获取远程的 json 数据，并将其输出到控制台。在需要进行错误处理的情况下，可以使用第二个参数传递错误处理函数。
tryCall() 方法通过调用异步函数，如果该函数没有出现错误，tryCall() 方法将执行下一个操作，否则将传递一个匿名错误函数来管理异常。
一些技巧
重试
try-call 通过一个简单的重试机制来降低 API 调用的失败率。我们可以设置一个重试次数，这样就可以在 API 第一次调用失败之后在 n 秒钟内进行 n 次重试，直到函数能够成功运行为止。下面是一个设置重试次数的示例：
-- -------------------- ---- -------
------------- -- -- -
----- -------- - ----- -------------------
----- ---- - ----- ----------------
------------------
-- ------- -- -
---------------------
-- -
------ -
------ --
--------- ----
-
---在这个示例中，我们使用可选参数设置了一个重试次数，这里设置了 3 次重试，每次执行间隔为 1 秒钟。
自定义错误处理
除了使用 tryCall() 方法提供的默认错误处理方法，我们也可以使用 throwError() 方法自定义错误的内容。下面是一个自定义错误处理的示例：
-- -------------------- ---- -------
------------- -- -- -
----- -------- - ----- -------------------
----- ---- - ----- ----------------
-- ------------ --- ---------- -
-------------------- -- --- --- -------- --------
- ---- -
------------------
-
-- ------- -- -
---------------------
---在这个示例中，我们首先获取服务器返回的 JSON 数据。如果数据中的 status 值不是 success，就通过调用 throwError() 方法来抛出一个自定义错误，错误信息是“Response is not the expected value”。如果没有出现错误，则正常输出该数据。
总结
在本文中，我们详细介绍了 npm 包 try-call 的使用方法和相关技巧。try-call 是一个非常实用的工具，可以帮助我们简化代码的编写，同时提高代码的可读性和可维护性。相信通过本文的学习，你已经了解了这个工具的使用方式，并且也可以灵活运用起来。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/40609