`Symbol.iterator` 产生对象的值

Question

这是我写的

myObj = {
    x: 1,
    y: 2,
    z: 3,
};

myObj[Symbol.iterator] = function* () {
    for (let val of Object.values(this))
        yield val;
};

for(let x of myObj)
    console.log(x);  // 1,2,3

这可行，但对我来说看起来不必要的冗长。有没有更直接的表达方式？基本上，我正在寻找的是一个简单的表达式，它说“这个对象的迭代器是它的值迭代器”。我试过了

myObj[Symbol.iterator] = function () {
    return Object.values(this)[Symbol.iterator]
}

这没用。

Answer 1

几乎，您需要call the iterator 并使用yield* 来返回另一个迭代器的值。

myObj = { x: 1, y: 2, z: 3 };

myObj[Symbol.iterator] = function* () {
    yield* Object.values(this);
};

for(let x of myObj)
    console.log(x);  // 1,2,3

Answer 2

Object.values(this)[Symbol.iterator] 是一个返回迭代器的函数。与其返回函数，不如返回调用它的结果（迭代器）：

const myObj = {
  x: 1,
  y: 2,
  z: 3,
};

myObj[Symbol.iterator] = () => Object.values(myObj)[Symbol.iterator]();

for (const x of myObj)
  console.log(x); // 1,2,3

您还可以创建一个单独的函数，它适用于任何对象：

const myObj = {
  x: 1,
  y: 2,
  z: 3,
};

const iterator = function() {
  return Object.values(this)[Symbol.iterator]();
};

myObj[Symbol.iterator] = iterator;

for (const x of myObj)
  console.log(x); // 1,2,3