Generator代码使用-返回值

初始代码

function* foo(){
    console.log("111")
    yield "aaa"
    console.log("222")
    yield "bbb"
    console.log("333")
    yield "ccc"
    console.log("444")
    return "ddd"
}
const generator = foo()

// 想让它执行第一段代码
const res1 = generator.next()
console.log(res1.value)
const res2 = generator.next()
console.log(res2.value)
const res3 = generator.next()
console.log(res3.value)
const res4 = generator.next()
console.log(res4.value)

通过看上面代码，并不是我们每用一次都要手动写一行代码这样看上去代码太冗余了，我们发现想可以将获取的返回值的代码优化，于是有了下面优化后的代码。

使用while循环

function* foo(){
    console.log("111")
    yield "aaa"
    console.log("222")
    yield "bbb"
    console.log("333")
    yield "ccc"
    console.log("444")
    return "ddd"
}
const generator = foo()

// while循环
let res = generator.next()
console.log(res.value)
while(!res.done){
    res = generator.next()
    console.log(res.value)
}

上面使用while循环可以简化很多代码，方便了使用，但是我们发现while判断永远在执行后，也就是说不管如何都要先执行generator.next(),所以我们也可以用do...while代替。于是有了下面代码：

代码三

function* foo(){
    console.log("111")
    yield "aaa"
    console.log("222")
    yield "bbb"
    console.log("333")
    yield "ccc"
    console.log("444")
    return "ddd"
}
const generator = foo()

// do...while
let res
do{
    res = generator.next()
    console.log(res.value)
}while(!res.done)

感谢观看