前言
koa
依赖co
模块来实现流程控制。co4.0.0
版本之后,开始进行Promise
化,维护团队表示可能会逐步放弃对其他yieldable
对象的支持。到ES7
的async
,await
之时(吐槽语:ES6
还没发布,Node
环境稍微好些,浏览器环境看不到边际),可能不再利用generator
的hack
来做流程控制,而是使用标准方法。
作为学习者,查看源代码,理解作者思想,仿写co
模块还是必要的。
co-simplify: https://github.com/bornkiller/co-simplify。因为个人仿写,支持promise
,promise array
,generator
,generatorFunction
,thunk
,错误处理当前并不完善。
原理简述
原理并不复杂,即采取异步编程的常规手段---promise
链式调用。如果使用NPM q
模块,就是不依赖ES6
的promise
实现。
step1(function (value1) {
step2(value1, function(value2) {
step3(value2, function(value3) {
step4(value3, function(value4) {
// Do something with value4
});
});
});
});
通过回调来实现流程控制。回调少的时候无伤大雅,回调多时即成为“恶魔金字塔”,而使用promise
可以提升代码流程控制粒度。
promisedStep1
.then(onResolved, onRejected)
.then(onResolved, onRejected)
.then(function (value4) {
// Do something with value4
})
promise
最重要便是then
方法,在状态转化后,then
内部定义的回调函数会立即触发。借此特性,可以将多层嵌套的callback
转化为promise
的链式结构。
之前对生成器一直存在误解,以为是yield
本身实现异步控制。看过相关内容后,实际工作原理如下:gen.next()
方法获取第一个promise
,如果迭代完毕,返回promise
结束。如果迭代未完成,等待当前promise
状态转化后,获取下一个promise
,然后递归调用即可。yield
的作用只是实现自动promise
链式调用的接口,不用人为的书写then
方法(自动化then
后,promise
携带的数据怎么获取,后面会写到),所以说co
只是generator
改造为流程控制的hack
。
代码解析
代码内容见repo
:https://github.com/bornkiller/co-simplify ,不再赘述,此处只说明难点问题。
难点攻坚
生成器函数内部的变量访问与普通函数有明显的差异,见如下示例:
var love = function *() {
var step = 1;
yield step+=1;
yield step+=1;
console.log(step);
};
var story = love();
story.next();
story.next();
story.next();
先定义普通变量,通过两次yield
处理,输出结果为3.
var love = function *() {
var step = 1;
var first = yield step+=1;
var second = yield step+=1;
console.log(first);
console.log(second);
console.log(step);
};
var story = love();
story.next();
story.next();
story.next();
定义step
,first
,second
变量,开始时我以为输出会是2,3,3
,实际结果为undefined,undefined,3
。原因很简单,因为yield
执行后面的表达式之后,并不会返回任何值,所以first
,second
都是undefined
。
稍作修改如下:
var love = function *() {
var step = 1;
var first = yield step+=1;
var second = yield step+=1;
console.log(first);
console.log(second);
console.log(step);
};
var story = love();
var step1 = story.next();
var step2 = story.next(step1.value);
var step3 = story.next(step2.value);
调用next
方法传递参数,即输出2,3,3
。感觉这个机制略显蛋疼,可以理解为将参数赋值给上次终止处yield
前面的变量,然后再往下执行。即yield
前面变量的值与后面表达式并不是绝对对应的关系。示例如下:
var love = function *() {
var step = 1;
var first = yield step+=1;
var second = yield step+=1;
console.log(first);
console.log(second);
console.log(step);
};
var story = love();
story.next();
story.next('A');
story.next('B');
实际输出为'A','B',3
。
联系方式
QQ:491229492
https://github.com/bornkiller
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。