如何在 ES6 class 方法中使用迭代器

Question

我正在 ES6 classes 中尝试迭代器，并且在为我的 class 创建每个方法时运行出现引用错误：ReferenceError: vertex is not defined。我能够将我的顶点添加到图形中，图形实例会打印出正确的数据。这个迭代器的使用是否正确？

class Vertex {
  constructor(key) {
    this.id = key
    this.connectedTo = {}
  }
}

class Graph {
  constructor() {
    this.vertexList = {}
    this.numVerticies = 0
  }

[Symbol.iterator]() {
     // Reflect.ownKeys() === Object.keys()
  const vertexListKeys = Reflect.ownKeys(this.vertexList)
  let index = 0
  return {
    next: () => {
         // Reflect.get(myObj, key) === Object[key]
      let value = Reflect.get(this.vertexList, vertexListKeys[index])
      index++
      return {
        done: index > vertexListKeys.length ? true : false,
        value: value
        }
      }
    }
  }

// Iterate through vertexList values
 each(callback) {
  for (vertex of this) {
    callback(vertex)
    }
  }

 addVertex(key) {
   const newVertex = new Vertex(key)
     this.vertexList[key] = newVertex
     this.numVerticies++
   return newVertex
  }


}



const graph = new Graph()

for (var i = 0; i < 6; i++) {
  g.addVertex(i)
}


graph.each((vert) => console.log(vert))
// ReferenceError: vertex is not defined
// for (vertex of this) {
//               ^

我也尝试过将我的每个方法更改为生成器，但是当我这样做时没有任何内容打印到控制台

*each(callback) {
  for(vertex in this) {
    yield callback(vertex) // omitting yield doesn't work either
  }
}

Answer 1

    class Vertex {
  constructor(key) {
    this.id = key
    this.connectedTo = {}
  }
}

class Graph {
  constructor() {
    this.vertexList = {}
    this.numVerticies = 0
  }

[Symbol.iterator]() {
     // Reflect.ownKeys() === Object.keys()
  const vertexListKeys = Reflect.ownKeys(this.vertexList)
  let index = 0
  return {
    next: () => {
         // Reflect.get(myObj, key) === Object[key]
      let value = Reflect.get(this.vertexList, vertexListKeys[index])
      index++
      return {
        done: index > vertexListKeys.length ? true : false,
        value: value
        }
      }
    }
  }

// Iterate through vertexList values
 each(callback) {
  for (var vertex of this) {
    callback(vertex)
    }
  }

 addVertex(key) {
   const newVertex = new Vertex(key)
     this.vertexList[key] = newVertex
     this.numVerticies++
   return newVertex
  }


}



const g = new Graph()

for (var i = 0; i < 6; i++) {
  g.addVertex(i)
}


g.each((vert) => console.log(vert))

在每个函数中它应该是 var vertex 因为 vertex 还没有声明。

Answer 2

错误如其所言

for (vertex of this) {

使用未在任何地方声明的变量 vertex。应该是

for (var vertex of this) {

或let或const。

如何在 ES6 class 方法中使用迭代器

How to use an iterator within an ES6 class method

javascript

iterator

ecmascript-6

es6-class