#npm 包：babel-plugin-better-async-await 使用教程
##一、简介
babel-plugin-better-async-await 是一个 npm 包，它是 babel 的一个插件，用于将 async/await 的语法转换为更好的形式，支持更多的功能，提高代码的可读性。
babel-plugin-better-async-await 可以将 async/await 转换为 Promise 的形式，更好地支持异步代码的编写，同时还可以支持更多的特性，比如：自动解析 Promise 的 Value，支持 Promise.all 和 Promise.race 等方法。
本文将介绍如何使用 babel-plugin-better-async-await 进行开发，让你的前端代码更加规范、高效。
##二、安装
使用 npm 安装 babel-plugin-better-async-await：
npm install babel-plugin-better-async-await --save-dev
##三、使用
为了使 babel-plugin-better-async-await 生效，我们需要在 .babelrc 文件中添加配置，以便让 babel 编译器在编译代码时启用此插件。
{
"plugins": ["better-async-await"]
}##四、特性
- 支持更多的 Promise 方法
babel-plugin-better-async-await 支持 Promise.all 和 Promise.race，支持async/await 代码的 more idiomatic 编写。
示例代码：
-- -------------------- ---- -------
----- -------- ---------- -
--- -
----- ------- ---------- - ----- -------------
-------------------------------------
----------------------------------------
--
------ - ------ --------- -
- ----- ------- -
--------------------------
-
-- 自动解析 Promise 的 Value
babel-plugin-better-async-await 可以将整个 try block 和 catch block 作为一个 complete 的 Promise，自动解析它们的 Value，编写更加简单，易于阅读。
示例代码：
async function calculate() {
let valA = await asyncA()
let valB = await asyncB()
// 这里使用 valA 和 valB
return valA + valB
}- 更好的调试支持
babel-plugin-better-async-await 的调试支持更好，当你使用 debugger 关键字时，它不会暂停在任何不必要的位置上。
示例代码：
async function calculate() {
let valA = await asyncA()
debugger
let valB = await asyncB()
return valA + valB
}##五、总结
在这篇文章中，我们介绍了 npm 包 babel-plugin-better-async-await 的使用方法，它是一个用于将 async/await 的语法转换为更好的形式，支持更多的功能，提高代码的可读性。同时，我们还介绍了它的特性，如更好的调试支持、更好的 Promise 方法等。学会使用 babel-plugin-better-async-await，可以让你的前端代码更加规范、高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60067354890c4f727758398f