co核心代码剖析--promise与ES6 generator结合

快来围观co@4的核心源码：

function co(gen){
var ctx=this;
return new Promise(function(resolve,reject){
if(typeof gen === 'function')gen=gen.call(ctx);
if(!gen||typeof gen.next !== 'function')return resolve(gen);
onFulfilled();
function onFulfilled(res){
var ret;
try{
ret=gen.throw(err);
}catch(e){
return reject(e);
}
next(ret);
}
function  onRejected(err){
var ret;
try{
ret=gen.throw(err);
}catch(e){
return reject(e);
}
next(ret);
}
function next(ret){
if(ret.done)return resolve(ret.value);
var value=toPromise.call(ctx,ret.value);
if(value && isPromise(value))return value.then(onFulfilled,onRejected);
return onRejected(new TypeError('you may only yield a function,promise,generator,array,or object',+'but the following object was passed: "'+String(ret.value)+'"'));
}
});
}

co将yield后面的表达式全都封装成了Promise对象。

Promise(function(resolve,reject)

当前表达式执行结束（即执行promise的then方法）

才会执行fulfilled方法，内部执行gen.next方法。

执行表达式。调用下一个gen.next()。

中间限制了传入参数的数据类型。yield后面只能跟thunk，promise，generator，generatorFunction，array或者object。

return onRejected(new TypeError('you may only yield a function,promise,generator,array,or object',+'but the following object was passed: "'+String(ret.value)+'"'));

1.问题

co把传入参数的上下文改成自己的上下文。

var ctx=this;
...
gen=gen.call(ctx);

所以使用的时候需要bind一个上下文。

2.参考

JavaScript进阶之路——认识和使用Promise，重构你的Js代码 - 雲霏霏