javascript - 在 Iterable 上调用 for ... of 和在返回 iterable 的函数上调用 for ... of 之间的区别？

Question

下面两个例子有什么区别吗:

const nodes = document.querySelectorAll('.someclass');
for(const node of nodes){
    // do something
}

和

for(const node of document.querySelectorAll('.someclass')){
    // do something
}

该函数是否会在每次迭代时重新调用？或者除了语法之外，它们完全相同吗？

Answer 1

除了额外的 nodes 变量名称之外，它们完全相同。当解释器看到

for (const varName of <expression>)

它将首先计算表达式，然后尝试迭代它。它只对该表达式求值一次，试图从中获得一个可迭代对象。

const getIterable = function* () {
  console.log('getIterable running');
  yield 'foo';
  yield 'bar';
  yield 'baz';
};

for (const item of getIterable()) {
  console.log(item);
}