跳至主要内容

@babel/plugin-transform-logical-assignment-operators

信息

此插件包含在 @babel/preset-env 中,属于 ES2021 规范

示例

输入

JavaScript
a ||= b;
obj.a.b ||= c;

a &&= b;
obj.a.b &&= c;

输出

JavaScript
var _obj$a, _obj$a2;

a || (a = b);
(_obj$a = obj.a).b || (_obj$a.b = c);

a && (a = b);
(_obj$a2 = obj.a).b && (_obj$a2.b = c);

使用空值合并运算符

使用 @babel/plugin-transform-nullish-coalescing-operator 插件时(包含在 @babel/preset-env 中)

JavaScript
a ??= b;
obj.a.b ??= c;
JavaScript
var _a, _obj$a, _obj$a$b;

(_a = a) !== null && _a !== void 0 ? _a : (a = b);
(_obj$a$b = (_obj$a = obj.a).b) !== null && _obj$a$b !== void 0
? _obj$a$b
: (_obj$a.b = c);

安装

npm install --save-dev @babel/plugin-transform-logical-assignment-operators

用法

babel.config.json
{
"plugins": ["@babel/plugin-transform-logical-assignment-operators"]
}

通过 CLI

Shell
babel --plugins @babel/plugin-transform-logical-assignment-operators script.js

通过 Node API

JavaScript
require("@babel/core").transformSync("code", {
plugins: ["@babel/plugin-transform-logical-assignment-operators"],
});

参考