Javascript - 获取原型以返回生成器

Question

在我当前的 JS 项目中，我有一个 class，它看起来像这样：

function MyClass() {
   this.prop1 = true;
   this.prop2 = "Hello World";
   this.prop3 = "This is another String.";
   this.prop4 = "Just another string here.";
}

我希望能够使用Generator 遍历字符串。我可以通过这样做来实现它：

function* createStringIteratorFromMyClass(myclass) {
   yield myclass.prop2;
   yield myclass.prop3;
   yield myclass.prop4;
}

现在我可以像这样遍历字符串：

for(const str createStringIteratorFromMyClass(...)) {
    // access str here
}

这很好用，但我想将createStringIteratorFromMyClass 添加到MyClass 的原型中。

类似这样的：

MyClass.prototype.createStringIterator = function* () {
   yield this.prop2;
   yield this.prop3;
   yield this.prop4;
}

此时我得到错误：

意外的标记“*”。期望在函数之前有一个开头的“（” 参数列表。

如何添加一个函数，该函数将生成器返回到我的类的原型？

Answer 1

通常，如果您希望类的实例是可迭代的，则无需创建额外的包装器。只需为类定义Symbol.iterator：

function MyClass() {
   this.prop1 = true;
   this.prop2 = "Hello World";
   this.prop3 = "This is another String.";
   this.prop4 = "Just another string here.";
}

MyClass.prototype[Symbol.iterator] = function* () {
   yield this.prop2;
   yield this.prop3;
   yield this.prop4;
}

let x = new MyClass()

for(const str of x) {
  console.log(str);
}