使用 ES6 语法定义类方法属性

Question

在 ES5 语法中，类Foo的方法bar具有属性，flag可以这样定义：

function Foo() {};

Foo.prototype.bar = function() { console.log('bar invoked'); };

Foo.prototype.bar.flag = true;

我可以混合使用 ES5 和 ES6 语法并执行以下操作：

class Foo {

  bar() {

    console.log('bar invoked');

  };

};

Foo.prototype.bar.flag = true;

或者只使用 ES6 语法：

class Foo {

  bar() {

    this.bar.flag = true;

    console.log('bar invoked');

  };

};

如果我必须选择，我会选择第二个选项，但我不喜欢在其定义中包含方法名称的冗余。有没有更好的办法？

Answer 1

如果你能超越 ES2015 并且不要害怕使用实验性的东西，你可以玩装饰器。通天塔class Foo {  @flag  bar() {    console.log('bar invoked');  };};function flag(target) {  target.descriptor.value.flag = true;  return target;}const foo = new Foo()console.log(foo.bar.flag)

Answer 2

在 JavaScript 中，没有声明性的方法来为方法创建属性（这是很少见的事情），所以如果你想这样做，你必须像第二个例子那样在事后做。（或者你的第三个，但每次都重复bar调用，所以它有点误导和/或可能没那么有用。）

Answer 3

无法引用使用严格模式调用的函数（请记住，使用类会使严格模式自动生效）。如果您想这样做，请使用 ES5“类”：function Foo() {};Foo.prototype.bar = function() {  console.log('bar invoked');  arguments.callee.flag = true;};请记住，它arguments.callee在严格模式下被禁用。