从this.map.keys().next().value返回map初始值学习迭代器

简单来说就是，在可迭代对象中实现Symbol.iterator属性，是一个函数，也就是iterable protocol协议，之后去调用next()方法，方法返回对象包括value和done属性
迭代器是帮助我们对某个数据结构进行遍历的对象
this.map.keys()返回的就是map所有键的数组的迭代器
然后使用迭代器的 next 方法逐个访问数组的元素

next() 方法：该方法返回一个包含 value 和 done 两个属性的对象。
value：表示集合中的一个元素。
done：表示迭代是否已完成，
		如果为 true，则表示迭代结束；
		如果为 false，则表示还有更多元素可供遍历。

事实上我们平时创建的很多原生对象已经实现了可迭代协议，会生成一个迭代器对象的：
String、Array、Map、Set、arguments对象、NodeList集合
可迭代对象和迭代器是不同的概念；
当一个对象实现了iterable protocol协议时，它就是一个可迭代对象；
这个对象的要求是必须实现@@iterator 方法，在代码中我们使用 Symbol.iterator 访问该属性；
Symbol.iterator属性的值是一个函数，它返回一个迭代器对象。
迭代器指的是拥有next方法的对象。
该next方法必须返回一个带有value和done的对象。
Symbol.iterator 方法：该方法返回迭代器对象自身，用于支持迭代器的迭代。语言机制会自动的在这个属性上寻找一个方法，这个方法会构造一个迭代器来迭代这个对象的值，这个方法就是next方法，…展开和for/of循环会自动使用它，可以自定义symbol.iterator属性为任意对象值定义自己的迭代器逻辑，他将覆盖默认的迭代器。相当于是定义了一种元编程行为，提供给Javascript其他部分（也就是运算符和循环结构）在处理定义的对象时使用。
在Js中迭代器对象实现了可迭代协议，迭代器对象由Symbol.iterator属性的值返回。

// 创建一个可迭代器对象---需要遵循可迭代对象协议
let iterableObj = {
    names:["z3","l4","w5"],
    [Symbol.iterator]:function () {
        let index = 0;
        return {
            next:()=>{
                if(index < this.names.length){
                    return { value:this.names[index++],done:false }
                }else{
                    return { value: undefined,done: true }
                }
            }
        }
    }
}
// iterableObj就是一个可迭代对象  iterator是迭代器
let iterator = iterableObj[Symbol.iterator]();
console.log(iterator.next()) //一遍遍输出进行迭代

**可迭代对象和迭代器是两个不同的概念, 其实我们将上面的代码中, 迭代的目标对象和迭代器合并起来就一个可迭代对象 **；
当一个对象实现了iterable protocol协议时，它就是一个可迭代对象；
可迭代对象的要求一 : 是必须实现 @@iterator (这是规范的名字) 方法，在代码中我们使用 [Symbol.iterator] (这是实际用的名字)访问该属性；
可迭代对象的要求二 : 这个[Symbol.iterator] 方法需要返回一个迭代器
那么我们根据这两个要求, 试着将上面代码中的info对象变成一个可迭代对象

// 例如有两个数组
const nums = [10, 20, 30, 40]
const names = ["aaa", "bbb", "ccc", "ddd"]

// 封装一个用于创建迭代器的函数
function createArrayIterator(arr) {
  let index = 0
  return {
    next: function() {
      if (index < arr.length) {
        return { done: false, value: arr[index++] }
      } else {
        // value不写, 默认就是undefined
        return { done: true }
      }
    }
  }
}

// 调用函数创建nums构造器
const numsIterator = createArrayIterator(nums)
console.log(numsIterator.next()) // {done: false, value: 10}
console.log(numsIterator.next()) // {done: false, value: 20}
console.log(numsIterator.next()) // {done: false, value: 30}
console.log(numsIterator.next()) // {done: false, value: 40}
console.log(numsIterator.next()) // {done: true}

// 调用函数创建names构造器
const namesIterator = createArrayIterator(names)
console.log(namesIterator.next()) // {done: false, value: 'aaa'}
console.log(namesIterator.next()) // {done: false, value: 'bbb'}
console.log(namesIterator.next()) // {done: false, value: 'ccc'}
console.log(namesIterator.next()) // {done: false, value: 'ddd'}
console.log(namesIterator.next()) // {done: true}