如何在作为对象属性的JavaScript函数生成器上进行操作

Question

我想将js生成器放置为对象属性，并在其他对象属性中对其进行操作。 代码执行将通过事件触发。 以下是代码提示的简短版本：

var obj = {
  property1: {
    generator: function* (){
      console.log("gen start");
      yield;
      console.log("gen part 1");
    },
    gener: function() {
      return obj.property1.generator();
    },
    addMonthsGrid: function() {
      console.log("genNext 1");
      obj.property1.gener().next();
    }
  },
  property2: {
    exec2: function() {
      console.log("intermediate stuff...");
      console.log("genNext 2");
      obj.property1.gener().next();
    }
  }
};
/* first event that should run first part of generator: */ 
  obj.property1.addMonthsGrid();
/* second event hat should run second part of generator: */
  obj.property2.exec2(); //here it starts from the beggining

问题是第二个调用从开始开始生成器（不继续）。 我想问题可能出在obj.property1.gener中 ，它返回了生成器，但是我不知道如何使它工作。 感谢您的帮助！

Answer 1

是的， gener确实会在每次调用时创建一个新的生成器。

const obj = {
  generatorFunction: function* (){
    console.log("gen start");
    yield;
    console.log("gen part 1");
  },
  generate: function() {
    this.generator = this.generatorFunction();
    return this.generator;
  },
  addMonthsGrid: function() {
    console.log("genNext 1");
    this.generator.next();
  }
};

有了这个你可以做

obj.generate();
obj.addMonthsGrid();
obj.generator.next();