有没有办法在使用ES6速记方法符号的方法中使用词汇“this”？

Question

关于SO的第一个问题，我希望我没有重复任何东西；我已经看了其他问题，认为我的问题足够不同，值得问。

基本上，有没有一种方法可以将使用速记符号编写的方法体中的this设置为词法形式或绑定到特定值？

之所以这样做，是因为我在实现迭代器协议时希望使用ES6方法速记，在该协议中，@@iterator方法在调用时返回迭代器对象。迭代器对象必须有一个next（）方法，当调用该方法时，该方法本身返回另一个对象。在第二个对象中，我希望引用原始（在我的例子中是，Graph）html" target="_blank">实例。

请注意，在下面的代码片段中，由于this绑定而无法正常工作，Next（）使用的是ES6方法定义的速记。

class Graph {
  constructor(initialNodes) {
    this.data = [...initialNodes];
  }

  [Symbol.iterator]() {
    let nextIndex = 0;
    // `this` binding is fine here, as expected
    return {
      // look at that beautiful shorthand
      next() {
        return nextIndex < this.data.length
          // `this` binding is not fine here
          ? { done: false, value: this.data[nextIndex++] }
          : { done: true };
      }
    };
  }
}

我知道在对象返回上面定义函数，然后将该函数分配为返回对象的属性，但我再次想知道方法速记语法是否可行。

将返回对象上方的next（）定义为常规函数，然后将其绑定到对象属性赋值中：

class Graph {
  // constructor

  [Symbol.iterator]() {
    let nextIndex = 0;
    // I know you can do this
    const next = function() {
      return nextIndex < this.data.length
        ? { done: false, value: this.data[nextIndex++] }
        : { done: true };
    };
    return {
      next: next.bind(this)
    };
  }
}

将返回对象上方的Next（）定义为箭头函数意味着不需要bind，但仍然没有方法语法速记：

class Graph {
  // constructor

  [Symbol.iterator]() {
    let nextIndex = 0;
    // I know you can also do this
    const next = () => {
      return nextIndex < this.data.length
        ? { done: false, value: this.data[nextIndex++] }
        : { done: true };
    };
    return {
      next
    };
  }
}

Icepickle在注释中提出了一个很好的观点，我可以使用存储this上下文，并在速记方法主体中引用它。我想这是我能找到的最近的了？

class Graph {
  // constructor

  [Symbol.iterator]() {
    let nextIndex = 0;
    const self = this;
    return {
      next() {
        return nextIndex < self.data.length
          ? { done: false, value: self.data[nextIndex++] }
          : { done: true };
      }
    };
  }
}

Answer 1

解决问题的理想方法是使用合适的工具：发电机功能。它们也可以与速记语法一起使用，它们将正确地绑定此。

生成器函数返回符合迭代器协议的对象，并可以使用yield*将迭代器的输出委托给另一个iterable对象（如数组）。

class Graph {
  constructor(initialNodes) {
    this.data = [...initialNodes];
  }

  * [Symbol.iterator]() {
    yield* this.data;
  }
}

const graph = new Graph([1, 2, 3]);
for (const node of graph) {
  console.log(node);
}