跳至主内容

@babel/plugin-transform-class-static-block

非官方测试版翻译

本页面由 PageTurner AI 翻译（测试版）。未经项目官方认可。 发现错误？ 报告问题 →

信息

该插件已包含在 @babel/preset-env 中，属于 ES2022 标准。

带有静态块的类将被转换为静态私有属性，其初始化器是一个由立即调用箭头函数表达式（IIAFE）包裹的静态块。

示例​

JavaScript
class C {
  static #x = 42;
  static y;
  static {
    try {
      this.y = doSomethingWith(this.#x);
    } catch {
      this.y = "unknown";
    }
  }
}

将被转换为

JavaScript
class C {
  static #x = 42;
  static y;
  static #_ = (() => {
    try {
      this.y = doSomethingWith(this.#x);
    } catch {
      this.y = "unknown";
    }
  })();
}

由于输出代码包含私有类属性，若您已在使用其他类特性插件（例如 @babel/plugin-transform-class-properties），请确保将此插件置于其他插件 之前。

babel.config.json
{
  "plugins": [
    "@babel/plugin-transform-class-static-block",
    "@babel/plugin-transform-class-properties"
  ]
}

安装​

npm install --save-dev @babel/plugin-transform-class-static-block

用法​

通过配置文件（推荐）​

babel.config.json
{
  "plugins": ["@babel/plugin-transform-class-static-block"]
}

通过命令行​

Shell
babel --plugins @babel/plugin-transform-class-static-block script.js

通过 Node API​

JavaScript
require("@babel/core").transformSync("code", {
  plugins: ["@babel/plugin-transform-class-static-block"],
});

参考​