JavaScript 迭代器回调

JavaScript 迭代器回调是一种使用迭代器来遍历数据集合，然后使用回调函数对每个元素进行处理的方式。

迭代器

迭代器是一个可以迭代的对象，它有一个 next() 方法，该方法返回一个对象，该对象包含了值和一个布尔类型的属性 done，表示迭代是否完成。迭代器可以用 for...of 循环来遍历，也可以用 next() 方法手动迭代。

以下是一个简单的迭代器示例：

function createIterator(arr) {
  let index = 0;

  return {
    next() {
      if (index < arr.length) {
        return { value: arr[index++], done: false };
      } else {
        return { done: true };
      }
    },
  };
}

const words = ["hello", "world", "!"];
const iterator = createIterator(words);

for (let word of iterator) {
  console.log(word); // "hello", "world", "!"
}

回调函数

回调函数是一个在函数执行完毕后被调用的函数，它通常作为参数被传递给另一个函数。回调函数可以在函数执行完毕后对结果进行处理，也可以在函数执行期间进行一些操作，例如更新进度条等。

以下是一个使用回调函数的示例：

function iterate(arr, callback) {
  let index = 0;

  function next() {
    if (index < arr.length) {
      const element = arr[index++];

      callback(element);

      setTimeout(next, 0); // 使用 setTimeout 来保证回调函数在当前函数执行完毕后被调用
    }
  }

  next();
}

const words = ["hello", "world", "!"];

iterate(words, (word) => {
  console.log(word);
});

迭代器回调

将迭代器和回调函数结合起来，可以方便地遍历数据集合并对每个元素进行处理。

以下是一个迭代器回调的示例：

function iterate(arr, callback) {
  const iterator = arr[Symbol.iterator]();

  function next() {
    const { done, value } = iterator.next();

    if (!done) {
      callback(value);

      setTimeout(next, 0);
    }
  }

  next();
}

const words = ["hello", "world", "!"];

iterate(words, (word) => {
  console.log(word);
});

总结

通过使用迭代器回调，我们可以方便地遍历数据集合并对每个元素进行处理。与传统的 for 循环相比，迭代器回调具有更好的可读性和可维护性，尤其是在处理异步操作时更为方便。