网站开发公司怎么做账,阿里云 win wordpress 伪静态,室内设计经典案例,wordpress在线课程主题迭代器#xff08;Iterator#xff09; 迭代器是一种特定的设计模式#xff0c;用于依次访问集合的元素而不必暴露其底层的表现形式。ECMAScript 6#xff08;ES6#xff09;引入了内建的迭代器#xff0c;该标准定义了Iterable和Iterator协议。
Iterable协议
任何对象…迭代器Iterator 迭代器是一种特定的设计模式用于依次访问集合的元素而不必暴露其底层的表现形式。ECMAScript 6ES6引入了内建的迭代器该标准定义了Iterable和Iterator协议。
Iterable协议
任何对象实现[Symbol.iterator]方法该方法必须返回一个迭代器那么它就符合Iterable协议。内建的可迭代对象有Array, Map, Set, String等。
Iterator协议
一个对象如果有next()方法此方法无参数或接受一个值返回一个具备value和done两个属性的对象那么这个对象就是迭代器。value属性表示下一个被返回的值done是一个布尔值当迭代器可被继续迭代时为false迭代器被耗尽时为true。 简单迭代器实例:
function createIterator(array) {let nextIndex 0;return {next: function() {return nextIndex array.length ?{ value: array[nextIndex], done: false } :{ done: true };}};
}const it createIterator([1, 2, 3]);
console.log(it.next()); // { value: 1, done: false }
console.log(it.next()); // { value: 2, done: false }
console.log(it.next()); // { value: 3, done: false }
console.log(it.next()); // { done: true } 生成器Generator 生成器是ES6中引入的一种特殊函数它可以通过yield关键字将函数的执行暂停并在必要时通过生成器对象的next()方法再次进入函数。生成器无需一次返回所有结果而是按需“生成”结果这对于处理大数据集或无限数据流尤为有用。 生成器函数通过function*声明而且可以包含一个或多个yield表达式。 生成器实例:
function* generatorFunction() {yield 1;yield 2;yield 3;
}const gen generatorFunction();console.log(gen.next()); // { value: 1, done: false }
console.log(gen.next()); // { value: 2, done: false }
console.log(gen.next()); // { value: 3, done: false }
console.log(gen.next()); // { done: true } 生成器也符合迭代器协议因此任何被yield的值都会遵循Iterator返回值的规定。 使用生成器可以非常方便地实现自定义迭代器。如下实现一个通过生成器模拟迭代器的例子:
function* createGenerator(array) {for(let i 0; i array.length; i) {yield array[i];}
}const gen createGenerator([1, 2, 3]);
console.log(gen.next()); // { value: 1, done: false }
console.log(gen.next()); // { value: 2, done: false }
console.log(gen.next()); // { value: 3, done: false }
console.log(gen.next()); // { done: true } 简而言之迭代器是关于如何遍历数据结构的规则而生成器提供了一种有效而优雅的实现这些规则的方法。
