如何用纯ES6语法定义类方法的属性？规避方法名冗余写法

哈哈，完全懂你这种反感冗余的心情——在方法里重复写this.bar不仅啰嗦，还会每次调用方法都执行赋值（虽然不影响功能，但总觉得别扭）。这里有几个更优雅的ES6+方案，完美解决你的痛点：

方案1：ES2022静态块（最推荐） #

静态块是ES2022新增的特性，允许你在类定义内部执行初始化逻辑，只会在类被创建时运行一次。用它来给原型方法加属性，既保持了类代码的内聚性，又不用重复写方法名：

class Foo {
  bar() {
    console.log('bar invoked');
  }

  // 类初始化时仅执行一次的静态块
  static {
    Foo.prototype.bar.flag = true;
  }
}

这个方案的优势是：代码都在类内部，没有外部零散的原型修改，逻辑清晰，而且只赋值一次，效率更高。

方案2：IIFE包裹类定义（兼容旧环境） #

如果你的运行环境还不支持静态块，可以用立即执行函数把类和原型修改逻辑包在一起，避免外部代码零散：

const Foo = (() => {
  class Foo {
    bar() {
      console.log('bar invoked');
    }
  }
  // 在闭包内修改原型，不污染外部作用域
  Foo.prototype.bar.flag = true;
  return Foo;
})();

这样既保持了代码的整体性，又不用把原型操作暴露在类外面，适合需要兼容ES2022之前环境的场景。

方案3：装饰器（可复用性强） #

如果你的项目支持ES装饰器（ES2022+，需要babel或现代浏览器配置），可以把添加flag的逻辑抽成装饰器，代码会更简洁优雅，还能复用给其他方法：

// 定义一个可复用的装饰器，接收flag的值
function addFlag(flagValue) {
  return function(target, propertyKey) {
    target[propertyKey].flag = flagValue;
  };
}

class Foo {
  // 直接在方法上标注装饰器，自动添加flag属性
  @addFlag(true)
  bar() {
    console.log('bar invoked');
  }
}

这个方案适合需要给多个方法添加类似属性的场景，代码可读性和复用性拉满。

总结 #

如果环境允许，静态块方案是最优解——它是标准语法，无需额外配置，代码内聚且无冗余，完美匹配你的需求。

内容的提问来源于stack exchange，提问作者Antonio Pérez