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

Question

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

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 的原型(prototype)中。

像这样:

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

此时我得到错误:

Unexpected token '*'. Expected an opening '(' before a function's parameter list.

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

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);
}