ECMAScript 2018 引入了 Iterable 和 Iterator 接口，这两个接口为 JavaScript 提供了更灵活的迭代器开发方式。Iterable 接口是一个可以被迭代的对象，而 Iterator 接口则是一个可以迭代 Iterable 对象的迭代器。
在本文中，我们将深入探讨如何使用 Iterable 和 Iterator 接口进行自定义迭代器开发，并提供示例代码和指导意义。
Iterable 接口
Iterable 接口是一个包含 Symbol.iterator 属性的对象。该属性返回一个迭代器对象，该对象实现了 Iterator 接口。下面是一个实现 Iterable 接口的示例代码：
// www.javascriptcn.com code example
const myIterable = {
data: [1, 2, 3],
[Symbol.iterator]() {
let index = 0;
return {
next: () => {
if (index < this.data.length) {
return { value: this.data[index++], done: false };
} else {
return { done: true };
}
}
};
}
};
for (const value of myIterable) {
console.log(value);
}在上面的示例代码中，我们定义了一个包含 data 数组和 Symbol.iterator 属性的对象。Symbol.iterator 属性返回一个迭代器对象，该对象实现了 Iterator 接口。迭代器对象包含了 next 方法，该方法返回一个对象，该对象包含了 value 和 done 两个属性。
在 for...of 循环中，我们使用 myIterable 对象进行迭代，从而输出了 data 数组中的每一个元素。
Iterator 接口
Iterator 接口是一个包含 next 方法的对象。该方法返回一个对象，该对象包含了 value 和 done 两个属性。下面是一个实现 Iterator 接口的示例代码：
// www.javascriptcn.com code example
const myIterator = {
data: [1, 2, 3],
index: 0,
next() {
if (this.index < this.data.length) {
return { value: this.data[this.index++], done: false };
} else {
return { done: true };
}
}
};
console.log(myIterator.next());
console.log(myIterator.next());
console.log(myIterator.next());
console.log(myIterator.next());在上面的示例代码中，我们定义了一个包含 data 数组和 next 方法的对象。next 方法返回一个对象，该对象包含了 value 和 done 两个属性。在每次调用 next 方法时，我们都会返回 data 数组中的下一个元素。
自定义迭代器
通过实现 Iterable 和 Iterator 接口，我们可以自定义迭代器。下面是一个使用 Generator 函数实现自定义迭代器的示例代码：
// www.javascriptcn.com code example
function* myIterator(data) {
for (const item of data) {
yield item;
}
}
const iterable = {
data: [1, 2, 3],
[Symbol.iterator]: function() {
return myIterator(this.data);
}
};
for (const value of iterable) {
console.log(value);
}在上面的示例代码中，我们使用 Generator 函数实现了一个自定义迭代器 myIterator。该函数可以接受一个数组作为参数，并使用 for...of 循环遍历数组，使用 yield 关键字返回每个元素。
在 iterable 对象的 Symbol.iterator 属性中，我们返回了 myIterator 函数，从而实现了自定义迭代器。
指导意义
使用 Iterable 和 Iterator 接口进行自定义迭代器开发，可以使代码更加灵活和可读性更高。通过自定义迭代器，我们可以更好地控制迭代过程，从而更加高效地处理数据。
在实际开发中，我们可以将自定义迭代器用于处理大量数据，从而提高代码的性能和可维护性。同时，我们也可以利用自定义迭代器，实现更加复杂的迭代逻辑，从而满足不同的业务需求。
总之，使用 Iterable 和 Iterator 接口进行自定义迭代器开发，是一种值得推广和使用的编程方式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67d2aa87a941bf71345253fa