迭代协议是JavaScript中实现数据遍历的约定规则。可迭代协议要求对象实现Symbol.iterator方法，返回一个迭代器；迭代器协议要求对象具有next()方法，返回包含value和done属性的对象。例如数组默认可迭代，可通过arr[Symbol.iterator]().next()逐个获取值。通过为自定义对象添加Symbol.iterator方法，可使其支持for…of循环和扩展运算符。如range对象可定义迭代器，使for (const n of range)按范围输出1到5。
JavaScript中的迭代器和迭代协议是实现数据遍历的核心机制。理解它们有助于更好地处理集合类数据，比如数组、Map、Set，甚至自定义对象的遍历行为。
什么是迭代协议？
迭代协议不是内置对象或方法，而是一套约定规则，分为两种：
可迭代协议（Iterable Protocol）：规定一个对象是否可被 for…of 遍历。只要对象实现了 Symbol.iterator 方法，并返回一个迭代器对象，它就是可迭代的。迭代器协议（Iterator Protocol）：定义了如何逐步获取值的对象结构。一个迭代器必须提供 next() 方法，该方法返回形如 { value: any, done: boolean } 的对象。
例如，数组天生可迭代，因为它有 Symbol.iterator 方法：
const arr = [1, 2, 3];
const iterator = arr[Symbol.iterator]();
iterator.next(); // { value: 1, done: false }
iterator.next(); // { value: 2, done: false }
如何创建自定义迭代器？
你可以为任意对象添加 Symbol.iterator 方法，使其支持 for…of 和扩展运算符等语法。
立即学习“Java免费学习笔记（深入）”；
比如让一个范围对象可迭代：
const range = {
from: 1,
to: 5,
[Symbol.iterator]() {
let current = this.from;
const end = this.to;
return {
next() {
if (current return { value: current++, done: false };
} else {
return { done: true };
}
}
};
}
};
for (const num of range) {
console.log(num); // 输出 1 到 5
}
这样，range 就能被 for…of 使用，也能用 […range] 展开。
生成器函数简化迭代器编写
手动写 next() 和状态管理容易出错。生成器函数（function*）自动满足迭代器协议，极大简化开发。
上面的 range 可以更简洁地写成：
function* rangeGenerator(from, to) {
for (let i = from; i yield i;
}
}
for (const num of rangeGenerator(1, 5)) {
console.log(num); // 同样输出 1 到 5
}
生成器函数返回的对象本身就是迭代器，同时也是一个可迭代对象（自带 Symbol.iterator），因此可以直接用于 for…of。
实际应用场景
迭代器和协议在以下场景非常有用：
封装数据流处理逻辑，比如逐行读取文件或处理大数据集时避免一次性加载。构建惰性求值序列，如无限序列（斐波那契数列）、过滤组合操作链。统一不同数据结构的访问方式，提升 API 设计一致性。
例如实现一个无限自然数生成器：
function* naturals() {
let n = 0;
while (true) yield n++;
}
const it = naturals();
it.next().value; // 0
it.next().value; // 1
配合 take 函数可做有限提取，实现“惰性管道”效果。
基本上就这些。掌握迭代协议让你更深入理解 for…of、展开符、解构赋值背后的机制，也能写出更高效、更具表达力的代码。
以上就是如何理解并应用JavaScript中的迭代器与迭代协议？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1528181.html
微信扫一扫 
支付宝扫一扫 
