promise + yield = 异步流程控制

promise + yield = 异步流程控制

异步计算已经成为前后端不阻塞主线程的不二选择，无论是增加性能或是提升用户体验，anyway，这年头谁不用两下并发呢？

既然说到异步那就不得不提 promise 了，这个新的语法糖虽然建立在 callback 之上，但也好歹止住了之前愚民们疯狂跳进回调地狱的恶魔崇拜似的势头。ES的功劳一件。 或许你说你之前用过 co ？来做异步流程控制。那么作为一个程序好奇猫，你一定剖析过 co 的源码吧，很好奇它怎么使用 yield 来控制 promise 的同步。 在本文中我将以 5个语句解析之。。。 没错，就是5个语句。

sheepOut = new Promise( function(resolve) { 
    waitForTime(500); 
    resolve( log( "Eat grass" ) ) })

eatGrass = function *() {
    var ret = yield sheepOut()
    sheepBack()
}

step = eatGrass() // yield 就像坏掉的钟，拨一下，走一下。
not_done_promise = step.next() //sheepOut被异步调用了，返回一个还未结束的promise
not_done_promise.then( step.next() ) // 这句话是关键也就是说 sheepOut 未结束
//step 就一直卡在 yield, 直到 sheepOut 执行完毕，then 调用 next 进入 sheepBack.

所以整个流程是这样的
sheepOut(异步) -> yield(阻塞) -> sheepOut.then(调用next结束yield阻塞) -> sheepBack

怎么样？现在你能理解异步流程控制的技巧了没？说穿了就是靠 promise 的 then 回调 generator 的 next 来解除流程的阻塞。