JavaScript 将迭代器传递给回调 - JavaScript

在 JavaScript 中，我们经常需要迭代一个数组或对象，以执行一些操作。在某些情况下，我们需要将迭代器传递给回调函数以进行更复杂的操作。这可以通过 JavaScript 中的高阶函数和迭代器实现。

迭代器

迭代器是一种对象，用于遍历某个集合中的元素。JavaScript 中的迭代器由 Symbol.iterator 方法定义，该方法返回一个对象，该对象具有一个 next 方法，该方法返回集合中下一个元素的值和一个布尔标志，以指示是否有更多元素可用。

const myIterable = {
  [Symbol.iterator]: function* () {
    yield 1;
    yield 2;
    yield 3;
  }
}

const iterator = myIterable[Symbol.iterator]();

console.log(iterator.next()); // { value: 1, done: false }
console.log(iterator.next()); // { value: 2, done: false }
console.log(iterator.next()); // { value: 3, done: false }
console.log(iterator.next()); // { value: undefined, done: true }

高阶函数

高阶函数是指将函数作为参数或返回函数的函数。JavaScript 中的 Array 原型中的方法（如 map、filter 和 reduce）都是高阶函数，它们接受一个回调函数作为参数来操作数组。

例如，使用 map 方法将数组中的每个元素乘以 2：

const nums = [1, 2, 3, 4];

const doubled = nums.map(num => num * 2);

console.log(doubled); // [2, 4, 6, 8]

将迭代器传递给回调

要将迭代器传递给回调函数，我们需要用高阶函数包装迭代器，以便可以通过回调函数来访问它。

例如，使用 forEach 遍历迭代器中的元素：

const iterateIt = function(iterator, callback) {
  let next = iterator.next();
  while (!next.done) {
    callback(next.value);
    next = iterator.next();
  }
};

const myIterable = {
  [Symbol.iterator]: function* () {
    yield 1;
    yield 2;
    yield 3;
  }
}

iterateIt(myIterable[Symbol.iterator](), value => {
  console.log(value);
});
// Output:
// 1
// 2
// 3

在上面的示例中，我们定义了 iterateIt 函数，该函数接受一个迭代器和一个回调函数。该函数遍历迭代器中的元素，并将每个元素传递给回调函数。

然后，我们使用 myIterable 中的迭代器和一个回调函数来调用 iterateIt 函数，以输出迭代器中的所有元素。

结论

迭代器和高阶函数是 JavaScript 中非常强大的概念，可以帮助程序员处理复杂的数据结构。将迭代器传递给回调函数可以促进模块化编程，并使代码更易于理解和维护。