前言
近年来，随着 Web 应用程序日益复杂化，前端工程师日常开发工作中离不开处理异步数据的任务，而这其中正确、高效地处理返回数据成为了关键性问题。针对这个问题，我们可以使用一个非常有用的 npm 包 —— elegant-response-data。它可以将服务端返回数据进行格式化，让前端工程师更方便地处理数据，减轻开发工作量。
安装
安装npm包使用以下命令：
npm install --save elegant-response-data
或者
yarn add elegant-response-data
使用方法
在代码中引入 elegant-response-data 方法：
import { handleResponseData } from 'elegant-response-data'函数含义
handleResponseData 是 elegant-response-data 提供的处理服务器响应数据的方法，它能够将数据进行格式化，便于前端工程师更好地处理数据，更好的实现功能开发。
/*
* @params {String} res 服务端返回的字符串数据
* @return {Object} 处理并格式化完成的数据，以便前端工程师使用
*/
function handleResponseData(res)格式化数据的效果
假设我们有以下的服务端返回数据：
-- -------------------- ---- -------
-
------- ----
----- -
----- ------
---- ---
------- ---------- ---------
--
---------- ---
-当我们调用 handleResponseData 方法后，我们将得到如下格式化后的数据：
-- -------------------- ---- -------
-
------- ----
----- -
----- ------
---- ---
------- ---------- ---------
--
---------- -----
---------- -----
-其中的 errorCode 和 errorInfo 为 elegant-response-data 在处理数据过程中新增的字段，用于标记服务器返回数据中错误相关的信息。
我们需要注意的是，如果服务器返回的 errorCode 不为空，则该返回数据有错误。
使用示例
下面是一个使用案例：
-- -------------------- ---- -------
------ - ------------------ - ---- -----------------------
----- -------- - -
------- ----
----- -
----- ------
---- ---
------- ---------- ---------
--
---------- ---
-
----- ------------- - --------------------------------------------
-- ------------------------- -
------------------------- ------------------------
- ---- -
------------------------- -------------------
-总结
elegant-response-data 插件可以有效的减轻前端工程师在处理返回的异步数据时的开发工作量，并且可以帮助开发实现高效的数据处理和开发。在使用时我们需要注意对服务端返回数据中 errorCode 和 errorInfo 字段的判断，确保交互数据的正确性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/77635