名称：babel插件ES7系列指数运算符

目录：

一、@babel/plugin-transform-exponentiation-operator（指数运算符）

  1、实战

二、@babel/plugin-transform-classes(类)

字数：大约700字

Babel 插件是用于扩展 Babel 编译器的功能的组件，它们可以添加新的语法、转换器、插件等，以便更好地适应不同的开发需求。在前端开发中，Babel 插件通常与打包工具（如 webpack）一起使用，以便将 ES6+ 代码转换为向后兼容的 JavaScript 代码，并打包成浏览器可以识别的静态资源。

一、@babel/plugin-transform-exponentiation-operator（指数运算符）

也集成@babel/preset-env✅

在 Babel 中，exponentiation operator 表示指数运算符，它的作用是求幂运算。在 ECMAScript 2016 标准中，新加入了指数运算符（**），用于表示一个数的n次方。

在 Babel 中，如果项目中需要使用指数运算符，可以使用 @babel/plugin-proposal-exponentiation-operator 插件进行转换。这个插件会将代码中的指数运算符转换成使用 Math.pow() 函数进行求幂运算的形式。

例如，以下代码片段：

const x = 2 ** 3;

转换后：

const x = Math.pow(2, 3);

需要注意的是，由于 ** 运算符在不同的 ECMAScript 版本中的支持情况不同，因此在使用指数运算符之前，需要确认当前运行环境是否支持此特性。如果不支持，可以通过使用 @babel/plugin-proposal-exponentiation-operator 插件进行转换，从而实现兼容性。

1、实战

yarn add --dev @babel/plugin-transform-block-scoped-functions

// src/index.js
const x = 2 ** 3;

转译后

npx babel src/index.js -d dist

// src/dist/index.js
const x = Math.pow(2, 3);

很好用不错。🎉🎉🎉！