babel 将 _defineProperty 与类属性一起使用

Question

我将 babel 与

preset-env

一起使用，当我使用带有属性的类时，它会使用

_defineProperty

对其进行转换

示例：

class A {
    foo = "bar"
}

变换为：

function _defineProperty(obj, key, value) {
  key = _toPropertyKey(key);
  if (key in obj) {
    Object.defineProperty(obj, key, {
      value: value,
      enumerable: true,
      configurable: true,
      writable: true,
    });
  } else {
    obj[key] = value;
  }
  return obj;
}
function _toPropertyKey(arg) {
  var key = _toPrimitive(arg, "string");
  return typeof key === "symbol" ? key : String(key);
}
function _toPrimitive(input, hint) {
  if (typeof input !== "object" || input === null) return input;
  var prim = input[Symbol.toPrimitive];
  if (prim !== undefined) {
    var res = prim.call(input, hint || "default");
    if (typeof res !== "object") return res;
    throw new TypeError("@@toPrimitive must return a primitive value.");
  }
  return (hint === "string" ? String : Number)(input);
}
class A {
  constructor() {
    _defineProperty(this, "foo", "bar");
  }
}

这个转换似乎是由 @babel/plugin-proposal-class-properties 引起的，但我不明白这个转换提供了什么，也不明白它对应于 ECMAScript 的哪个新功能。

Answer 1

因为 babel 真的不知道一些愚蠢的事情是否会让

key

writable=false

属性变得不安全，所以他们重置了所有属性行为