什么是 @babel/plugin-syntax-throw-expressions
@babel/plugin-syntax-throw-expressions 是一个 Babel 插件，它允许使用 throw 表达式。在之前的 JavaScript 版本中，throw 只能用在函数体内，无法作为表达式使用。但是在 ECMAScript 2020 中，加入了 throw 表达式，可以在任意上下文中使用 throw。
如何使用 @babel/plugin-syntax-throw-expressions
首先，要使用 @babel/plugin-syntax-throw-expressions，需要先安装依赖：
npm install --save-dev @babel/core @babel/preset-env @babel/plugin-syntax-throw-expressions
然后在 .babelrc 或 babel.config.js 文件中添加如下配置：
{
"presets": ["@babel/preset-env"],
"plugins": ["@babel/plugin-syntax-throw-expressions"]
}这里的 @babel/preset-env 可以根据需要调整版本兼容性。
示例代码
现在我们来看一个使用 throw 表达式的例子：
const foo = (bar) => {
const result = bar ?? throw new Error('bar is undefined')
return result
}
console.log(foo()) // Error: bar is undefined这里的 ?? 是空值合并运算符，它在 bar 为 null 或 undefined 时，会执行 throw 表达式。如果 bar 不为 null 或 undefined，则返回 bar。
这个例子展示了一个常见场景，即验证参数是否为 null 或 undefined。在 ES2020 之前，我们需要使用 if 判断或条件运算符来处理这种情况，但使用 throw 表达式可以使代码更简洁、可读性更强。
学习和指导意义
学习 @babel/plugin-syntax-throw-expressions 可以帮助我们更好地理解 throw 表达式的使用方法，从而提高代码的可读性和可维护性。此外，许多第三方库和框架都已经开始支持 ES2020，使用 throw 表达式可以使我们更好地与其集成。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/184894