登录
首页 >  文章 >  前端

Symbol.iterator与Symbol.asyncIterator详解

时间:2026-02-06 23:39:53 431浏览 收藏

怎么入门文章编程?需要学习哪些知识点?这是新手们刚接触编程时常见的问题;下面golang学习网就来给大家整理分享一些知识点,希望能够给初学者一些帮助。本篇文章就来介绍《Symbol.iterator用于定义对象的默认迭代器,实现for...of循环;Symbol.asyncIterator用于异步迭代,支持async...await遍历异步数据源。》,涉及到,有需要的可以收藏一下

Symbol.iterator用于同步遍历,需返回具有next方法的迭代器对象,支持for...of循环;Symbol.asyncIterator用于异步遍历,返回Promise形式的{value, done}结果,支持for await...of循环。

JavaScript中的Symbol.iterator和Symbol.asyncIterator有何作用?

Symbol.iterator 和 Symbol.asyncIterator 是 JavaScript 中用于定义对象遍历行为的特殊符号,它们决定了对象如何被 for...of 循环或异步循环处理。

Symbol.iterator:控制同步遍历

Symbol.iterator 定义一个对象的同步迭代器。只要一个对象实现了这个方法,就可以在 for...of 中使用。

该方法必须返回一个迭代器对象,这个对象有 next() 方法,每次调用返回 { value, done } 格式的结果。

常见例子:
  • 数组、字符串、Map、Set 都内置了 Symbol.iterator,所以能被 for...of 遍历
  • 可以手动为对象添加 Symbol.iterator 来支持遍历

例如:

const myIterable = {
  data: [1, 2, 3],
  [Symbol.iterator]() {
    let index = 0;
    return {
      next: () => {
        if (index 

<h3>Symbol.asyncIterator:支持异步遍历</h3>
<p>Symbol.asyncIterator 用于定义异步迭代器,适用于数据是逐步异步获取的场景,比如读取流、分页数据等。</p>
<p>它返回一个对象,其 next() 方法返回 Promise,resolve 结果为 { value, done }。</p>
<p>需要用 <strong>for await...of</strong> 来遍历。</p>
<font>典型应用:</font>
  • Node.js 中的可读流(Readable Stream)支持 Symbol.asyncIterator
  • 自定义异步数据源,如逐条获取数据库记录

示例:

const myAsyncIterable = {
  async *[Symbol.asyncIterator]() {
    for (let i = 1; i  setTimeout(resolve, 1000));
      yield i;
    }
  }
};

for await (const item of myAsyncIterable) {
  console.log(item); // 每秒输出 1, 2, 3
}

基本上就这些。Symbol.iterator 处理“我能怎么被一步步取值”,而 Symbol.asyncIterator 解决“我怎么被一步步异步取值”。两者让自定义对象也能自然融入 for...of 或 for await...of 的语法中。区别在于是否涉及等待。

今天关于《Symbol.iterator与Symbol.asyncIterator详解》的内容就介绍到这里了,是不是学起来一目了然!想要了解更多关于的内容请关注golang学习网公众号!

前往漫画官网入口并下载 ➜
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>