ES6——迭代器Iterator 与 function*

自定义迭代器函数

function createIterator(items) {
        var i = 0;
        return {
          next() {
            var done = i >= items.length;
            var value = done ? void 0 : items[i];
            i++;
            return {
              value,
              done,
            };
          },
        };
      }
      
let arr = [1, 2, 3];
let iterator = createIterator(arr);

console.log(iterator.next()); //1,false
console.log(iterator.next()); //2,false
console.log(iterator.next()); //3,false
console.log(iterator.next()); //undefined,true
console.log(iterator.next()); //undefined,true

使用function* fun(){}创建迭代器

function *createIterator(arr) {
        for (let index = 0; index < arr.length; index++) {
          console.log(index); //执行到yield会自动暂停函数，直到继续调用next()才会继续执行函数
          yield arr[index];
        }
      }
      
let arr = [1, 2, 3];
let iterator = createIterator(arr);
// let iterator = arr[Symbol.iterator](); //这样也可以

console.log(iterator.next()); //1,false
console.log(iterator.next()); //2,false
console.log(iterator.next()); //3,false
console.log(iterator.next()); //undefined,true
console.log(iterator.next()); //undefined,true

如何使用for…of遍历对象？

 let obj = {
        items: [],
        *[Symbol.iterator]() {
          for (const iterator of this.items) {
            yield iterator;
          }
        },
      };
      
obj.items = [1, 2, 3];

for (const iterator of obj) {
   console.log(iterator);
}