Generator函数

在js中，一个函数一旦开始执行，就会运行到最后或遇到return时结束，运行期间不会有其它代码能够打断它，也不能从外部再传入值到函数体内

而Generator函数的出现使得打破函数的完整运行成为了可能

generator函数为处理异步编程提供了解决方法（异步函数），内部封装了大量的状态，允许我们逐条遍历

语法：function *demo() { 函数中定义状态 }

　　在函数内部通过yield关键字定义状态，yield表示暂停的意思

注意：yield关键字只能出现在generator函数中

通过return定义最后一个状态，return后面的状态不会执行

generator函数的返回值实现了next方法，因此可以通过next方法逐条遍历内部的状态

next方法的返回值是一个对象

　　done属性：表示是否遍历完成 value属性：表示状态值

next 方法返回的状态对象

　　如果有状态的情况下，done是fasle，value是状态值

　　如果没有状态，此时，done是true，value是undefined

generator函数的返回值也实现了迭代器接口，因此也可以通过for of方式遍历内部的状态

　　但是不要同时使用两种方式去遍历内部的状态因为，一方遍历完成，另一方就得不到状态了

　　当generator函数遍历完成之后，此时它的状态变为closed

　　当generator函数没有遍历完成的时候，此时它的状态变为suspended

<script>
        function *day() {
            // 定义状态
            yield '起床';
            yield '吃饭';
            yield '工作';
            yield '下班';
            yield '吃晚饭';
            // 最后一个状态可以通过return来定义
            // 注意遍历到return这个状态的时候，done属性也是true
            return '睡觉';
        }
        let t = day(); 
        console.log(t); // day {<suspended>} 返回一个t的对象 suspended表示没有遍历完成的状态 
　　　　　　　　　　　　　　　　可以看出generator函数和普通函数不一样 普通函数调用立即执行并输出返回值 而generator函数返回一个对象
        // console.log(t.next())
        console.log(t.next())
        console.log(t.next())
        console.log(t.next())
        console.log(t.next())
        console.log(t.next())
        console.log(t.next())

        // for(let item of t) {
        //     // 可以访问yield状态，无法访问return状态
        //     console.log(item)
        // }

        // 一旦遍历完成，只能重新创建再遍历
        var d2 = day();
        console.log(d2.next());
        console.log(d2.next());
    </script>

generator函数是异步函数，可以让异步操作一个接一个的触发

function *tast() {
    yield setTimeout(() => {
        console.log(1)
    }, 1000)
    yield setTimeout(() => {
        console.log(2);
    }, 2000)
    yield setTimeout(() => {
        console.log(3);
    }, 3000)
}
// 做这些异步操作
let t = tast();
t.next()
t.next()