es6-15 Iterator 和 for of 循环

{
    // 自定义 Object iterator 接口
    let obj = {
        start: [1, 2, 3],
        end: [4, 5, 6],
        [Symbol.iterator](){
            let that = this
            let index = 0
            let arr = that.start.concat(that.end) // 数组合并
            let len = arr.length
            return {
                next () {
                    // 遍历过程
                    if (index < len) {
                        return {
                            value: arr[index++],
                            done: false // 继续循环
                        }
                    } else {
                        return {
                            value: arr[index++],
                            done: true // 终止循环
                        }
                    }
                }
            }
        }
    }
    // for of 验证是都能循环了
    for (let key of obj) {
        console.log(key) // 1 2 3 4 5 6
    }
}
没自定义 iterator 接口 Object 使用 for of 循环是会报错的
{
    let obj = {
        start: [1, 2, 3],
        end: [4, 5, 6],
    }
    for (let value of obj) {
        console.log(value) // TypeError: obj is not iterable
    }
}
调用 Iterator 接口的场合
解构赋值
{
    let set = new Set().add(‘a‘).add(‘b‘).add(‘c‘);
    let [x,y] = set;
    console.log(set) // Set(3) {"a", "b", "c"}
    console.log(x) // a
    console.log(y) // b
    let [first, ...rest] = set;
    console.log(first) // a
    console.log(rest) // [‘b‘,‘c‘]
}
扩展运算符
{
    // 例一
    var str = ‘hello‘;
    console.log([...str]) // [‘h‘,‘e‘,‘l‘,‘l‘,‘o‘]
    // 例二
    let arr = [‘b‘, ‘c‘];
    console.log([‘a‘, ...arr, ‘d‘]) // [‘a‘, ‘b‘, ‘c‘, ‘d‘]
}