跳至主内容

@babel/plugin-transform-private-property-in-object

非官方测试版翻译

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

信息

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

示例​

输入

JavaScript
class Foo {
  #bar = "bar";

  test(obj) {
    return #bar in obj;
  }
}

输出

JavaScript
class Foo {
  constructor() {
    _bar.set(this, {
      writable: true,
      value: "bar",
    });
  }

  test() {
    return _bar.has(this);
  }
}

var _bar = new WeakMap();

安装​

npm install --save-dev @babel/plugin-transform-private-property-in-object

用法​

通过配置文件（推荐）​

babel.config.json
{
  "plugins": ["@babel/plugin-transform-private-property-in-object"]
}

通过命令行​

Shell
babel --plugins @babel/plugin-transform-private-property-in-object

通过 Node API​

JavaScript
require("@babel/core").transformSync("code", {
  plugins: ["@babel/plugin-transform-private-property-in-object"],
});

配置选项​

loose​

boolean，默认值 false

备注

loose 模式配置设置_必须_与 @babel/transform-class-properties 插件保持一致。

当设置为 true 时，私有属性的 in 表达式将检查对象自身的属性（而非继承属性），而不是检查 WeakSet 中是否存在该属性。这样可以提升性能并简化调试（使用普通属性访问而非 .get() 方法），但代价是可能通过 Object.getOwnPropertyNames 等方法泄漏"私有属性"。

注意

请考虑迁移到顶层的 privateFieldsAsProperties 配置假设。

babel.config.json
{
  "assumptions": {
    "privateFieldsAsProperties": true,
    "setPublicClassFields": true
  }
}

请注意，privateFieldsAsProperties 和 setPublicClassFields 都必须设置为 true。

示例​

输入

JavaScript
class Foo {
  #bar = "bar";

  test(obj) {
    return #bar in obj;
  }
}

输出

JavaScript
class Foo {
  constructor() {
    Object.defineProperty(this, _bar, {
      writable: true,
      value: "bar",
    });
  }

  test() {
    return Object.prototype.hasOwnProperty.call(this, _bar);
  }
}

var _bar = babelHelpers.classPrivateFieldLooseKey("bar");
提示

你可以在此处阅读更多关于配置插件选项的信息。

参考​