作者: Liu, Martin
前言
随着JavaScript最新版本号ECMAScript2015(ES6)的正式公布,以及babel这样的ES6转ES5的工具的慢慢成熟, 在真实产品里使用ES6已经全然可行了。
写JS的朋友们,是时候点开es6features看一下了。
值得一提的是。ES6特性里居然包含尾调用优化(tailcall),真是要点个赞。然而,这并没有什么用。
从ES6的Generator谈起
在ES6众多新特性里。Generator无疑是一个非常酷的东西。
cool在哪里?看code:
// 注: 下面code能够在chrome dev tool的console里直接跑
function* fib() { // 用function*来定义generator
var pre =0, cur =1;
for (;;) { // 无限循环
var temp = pre;
pre = cur;
cur += temp;
var reset =yield cur; // yield决定next()的返回值
if (reset){
pre =0, cur =1;
}
}
}
var g =new fib();
console.log(g.next().value); // 1
console.log(g.next().value); // 2
console.log(g.next().value); // 3
console.log(g.next().value); // 5
console.log(g.next(true).value); // 1
在这里,我们定义了一个fibonacci数列的generator, 每次调用next(), 会yield下一个数字; 而next的參数则会是yield表达式的值,比方next(true), 则 yield cur就返回true。
能够看到code里有一个无限循环,但并不会导致CPU hang住, 由于每一次yield后,程序会暂停,而在next()之后又继续执行。
而这,便是generator最cool的地方:它改变了程序的控制流!
简单来说。yield停止,next继续,于是通过这个规则,我们就能够控制程序的执行顺序。
于是我们能够写出这种code:
co(function* (){
var data1 =yield ajax_call_1(); // 发出一个ajax请求
console.log(data1); // 输出response
var data2 =yieldajax_call_2(data1); // 发出还有一个请求
console.log(data2); // 输出response
var data3 =yieldajax_call_3(data1); // 发出还有一个请求
console.log(data3); // 输出response
...
});
//----------------------------------
// 下面为对照的callback写法
(function(){
ajax_call_1(function(data1){
console.log(data1);
ajax_call_2(data1, function(data2){
console.log(data2);
ajax_call_3(data2, function(data3){
console.log(data3);
...
});
...
});
});
})();
Co那一段看似同步的代码实际上是异步运行的,可是直观简单美丽。写起来能够谈笑风生,比callback不知道高到哪去了(关于这一点,能够看tj写的callbacks vscoroutines)。
至于那个co,就是某个奇怪的函数,在适当的时候(比方callback时)调一下next让generator继续跑。感兴趣的话。请搜索co
如今让我们总结一下: generator是一种特殊的子程序。而yield是一种流程控制指令,在generator里使用yield会将程序的控制权交还给调用者(即返回调用处),而外界调用generator的next方法会让该generator继续运行。generator能够用来做iterator,也能够用来玩魔法(同步转异步),由于它提供了一种较为优雅的流程控制方式
只是。说是magic。但事实上程序的世界。并没有无根之木、无源之水。
接下来,就让我们回溯本源,探一探各种流程控制结构的来龙去脉
关于控制流(control flow)
所谓控制流,说白了就是程序运行的顺序。
我们知道,程序运行的基本原理是:cpu从program counter(一个寄存器)拿指令的内存地址,然后去内存拿指令来运行,运行过程中会改变program counter的值(比方加1,也就是顺序运行)。如此循环往复直至结束。
程序流程的控制,实际上就是在特定的情况下,更新特定的值到program counter。而上升到编程的层次,则是提供代表特定策略的流程控制语句,用以实现各种丰富的功能。
一般而言。流程控制语句能够分为下面几类:
- 无条件分支
就是goto了。想去哪去哪(当然还是有限制的。比方c语言里goto就不能跳出当前function)。其缺点在于,程序可读性/可维护性easy变得极差。
- 条件分支
这个事实上就是大家耳熟能详的各种基本流程控制语句了,比方if-else, switch,以及for, while等loop语句
- 无条件终止程序
比方exit, return
- 执行位在不同位置的一段指令。但完毕后会继续执行原来要执行的指令
包含子程序(subroutine)、协程(coroutine)及延续性(continuation)。
(注:generator实际上是一种coroutine)
前三种比較直白简单。也比較常见,我们主要看第四种。
执行还有一段指令。然后返回原指令段中继续执行。
这样的情况最常见的就是subroutine(比方function或者OO语言里的method)了。一般都是通过call stack来实现,每次function call都产生一个stack frame压入栈顶,该function结束时将其出栈,这样栈顶就变回其caller的stack frame了,于是能够继续运行caller的代码。
我们看一下典型的subroutine调用:
function doOtherthing(){
// block B
{
console.log("executing...doOtherthing");
return;
}
}
function doSomething(){
// block A
{
console.log("executing...doSomething");
}
doOtherthing();
// block C
{
console.log("continueexecuting...doSomething");
return;
}
}
doSomething();
// executing...doSomething
// executing...doOtherthing
// continue executing...doSomething
这里没什么奇怪的东西。分成几个block仅仅是为了方便引用,相信学过几天编程的都能理解。
如今我们从控制流的角度分析一下这个程序。block B明显与A和C不在一处,但运行顺序却是A=>B=>C。A运行后是subroutine调用。jump到B处运行;而B运行后会返回到C处运行,这也正是return语句的语义。
subroutine调用的运行顺序是固定的。这是由于return是一个keyword,提供隐式的流程控制。我们并不能像操作一个object一样来操作它——等等,假设能够呢?
假设return的语义能够被抽象出来并能在程序中操作,那么我们将能够保存随意的运行点。而且在随意时候返回该处继续运行。
这句话的意思是,我们的程序将能够实现随意的控制流。而无需运行环境的支持,比方说我们能够在ES5里实现generator。
你也许已经听过这样的抽象的名字:continuation
Continuation
在计算机科学里,Continuation是指能够被编程语言訪问的、对程序控制流程/状态的抽象表示。简单来说,就是程序执行时的某个执行点,比方上文所说的block B里的return执行后的那个点。
而return语句能够理解为隐式的调用了currentcontinuation。
我们说current continuation, 是指在那个点之后将要运行的代码,比方B return时。currentcontinuation就是整个block C。
说到continuation,就不得不说CPS(continuationpassing style),顾名思义,就是显式的将continuation作为參数传递,以此来进行流程控制。
而我们寻常写的code叫做direct style,比方上文doSomething那段code。
我们如今将之前的code改写成CPS:
functiondoOtherthing(k){
// block B
{
console.log("executing...doOtherthing");
k();
}
}
function doSomething(k){
// block A
{
console.log("executing...doSomething");
}
doOtherthing(function(ret){
// block C
{
console.log("continueexecuting...doSomething");
k();
}
});
}
doSomething(function(){});
// executing...doSomething
// executing...doOtherthing
// continue executing...doSomething
改写后运行结果是一样的。能够看到函数调用变成了callback的形式,而return都变成了k()。这个k就是传入的continuation。
注意。这里的重点并不在于callback形式。而在于CPS变换,之前的code和这段code是等价的。在这里我们是手动做的CPS变换,但实际上,全部direct style的code都能够被自己主动变换成CPS的code。(至于怎么变换。能够尝试看How to compile with continuations)
为何要强调自己主动的CPS变换?由于它能够用来实现一个瑞丽无匹的强大函数: call/cc
call/cc
scheme语言里有一个著名的函数,叫做call-with-current-continuation, 一般简称为call/cc。
call/cc接受一个函数作为參数。并捕捉current continuation然后将之传递给这个函数。而continuation一被调用,call/cc马上返回,返回值即为传给continuation的參数。
比方:
(let ((a (call/cc
(lambda (k)
(begin
(display"will execute\n") ; 输出 "will execute\n"
(k 1)
(display"will not execute")))))) ; 不运行
(display a)) ; 输出1
再来段JS的版本号,JS里当然是没有call/cc的了。只是这最好还是碍我用JS来表达。此处如果js里有一个等价的callcc:
var a = callcc(function(k){
console.log('will execute'); // 输出 "will execute"
k(1);
console.log('will not execute'); // 不会运行
});
console.log(a); // 输出1
这段code等同于:
(function(k){
console.log('will execute'); // 输出 "will execute"
k(1);
})(function(a){
console.log(a);
});
这实质上就是自己主动做了CPS变换。
有了call/cc。就能够直接在程序里操作continuation了。仅从功能上来说,就能够实现各种高级控制流,而不须要编译器/解释器这个level的支持了。
接下来就让我们看看call/cc的power
Coroutine
Coroutine(协程)是一种类似subroutine但更灵活的控制结构。它同意有多个程序进入点,能够任意暂停或继续运行,主要用来做nonpreemptivemultitasking(非抢占式多任务处理)。
在coroutine中,能够通过yield语句来转移控制权,比方两个coroutine。c1和c2。在c1中调用yield to c2(伪代码), 就会去运行c2,在c2中又调用yield to c1,就会继续运行c1(又一次进入之前的运行点)。
听起来和之前说的generator有些像?事实上generator就是一种coroutine。我们之后会讲到。
Donald Knuth说:"subroutine是coroutine的特例",由于subroutine能够看作不使用yield的coroutine。
我们说coroutine是用来做nonpreemptive multitasking(非抢占式多任务处理)的。要理解这一点,最好先理解preemptivemultitasking(抢占式多任务处理)。
我们熟知的基于多线程的多任务/并发处理就是preemptive的, 程序控制权由调度器而非程序自身来决定。实质上就是在程序外部强行打断程序的执行,再依据某种策略(优先级,动态时间片)决定由哪个线程继续执行。
而coroutine是自已决定将控制权交给谁(yield)。因而不会有race condition, 不须要考虑锁的问题,能够极大的简化并发编程。
这里要提一下为何我们熟知的是抢占式多任务处理,由于人们须要流畅的同一时候做多件(不相关的)事的能力,比方在上网时下载和听音乐,而抢占式的多任务处理有助于实现这一点(不会由于控制权被占用而导致其他应用hang住)。而编程时关注的是怎样更高效的做好事情,而且开发人员知晓所有的context。也就easy明确怎样去协调控制权,所以从编程的角度。非抢占式多任务处理反而更有优势。
而从详细实现的角度来看,coroutine通常是语言级别的实现,实际上是在用户态进行上下文切换,不会陷入内核态,因而更高效。
coroutine的缺点是无法利用多核。它仅仅能做concurrency,而不能做parallelism,由于一般它是跑在一个线程上。多个coroutine不能同一时候执行。可是也有改进的方案。比方go语言的goroutine, 就是work在一个线程池之上的。只是这样就须要更复杂的调度了,当然名字也华丽的变了。
下面是用callcc实现简单的协程(只是不能执行):
var queue = [];
function isEmpty(){
return queue.length==0;
}
function enqueue(x){
queue.push(x);
}
function dequeue(){
return queue.shift();
}
function run(f){
callcc(function(k){
enqueue(k); // 将current continuation enqueue
f();
});
}
function $yield(){
callcc(function(k){
enqueue(k);
dequeue()(); // dequeue某个continuation并运行
});
}
functiondoSomething(str){
for(;;) {
console.log(str);
$yield(); // 放弃控制权
// point C
}
}
run(function(){
doSomething("A");
});
// point A
run(function(){
doSomething("B");
});
// point B
if(!isEmpty){
dequeue()();
}
// 理论上的输出结果为
// A
// B
// A
// B
// ..., A和B交替输出
简单描写叙述一下程序的运行:
- 运行第一个run
- continuation指向point A。然后它被enqueue, 此时queue为[A]
- 运行doSomething("A")
- 输出A
- 运行$yield()
- 将当前continuation enqueue, 此时queue为[A, C-A]
- dequeue并运行。此时queue为[C-A], 从point A处运行
- point A, 运行第二个run
- continuation指向point B, 然后它被enqueue。此时queue为[C-A, B]
- 运行doSomething("B")
- 输出B
- 运行$yield()
- 将当前continuation enqueue, 此时queue为[C-A, B, C-B]
- dequeue并运行,此时queue为[B, C-B], 从C-A处运行
- C-A处
- 输出A
- 运行$yield()
- enqueue, queue为[B, C-B, C-A]
- dequeue并运行。此时queue为[C-B, C-A], 从B处运行
- B处,dequeue并运行。从C-B处运行,输出B,并enqueue, 此时queue为[C-A, C-B]
- [C-A, C-B] -> [C-B, C-A] -> [C-A, C-B] 循环, A和B交替输出
可见通过callcc和一个queue。我们能够轻易的实现coroutine
Generator
Generator又叫Semi-Coroutine(半协程)或Asymmetric Coroutine(不正确称协程),它本质上仍是协程,和一般的协程的差别在于,generator仅仅能把控制权交还给它的caller, 而coroutine是能够决定把控制权交给谁。
先看一个callcc实现的generator:
function fib(){
var controlState =function($yield){
var pree =0;
var pre =1;
while (true){
callcc(function(resume){
controlState = resume;
$yield(pree);
});
var tmp = pree;
pree = pre;
pre = tmp + pre;
}
};
return {
next:function(){
return callcc(controlState);
}
};
}
next调用时,进入controlState函数。$yield一旦调用,立即返回,可是controlState已经被替换成内部循环处的continuation,因而当next再调用时会回到循环处继续运行。
事实上generator能够和coroutine互相转化,由于它们本质上是一样的东西。generator加一个scheduler就能够实现coroutine(yield一个value, 然后依据value决定resume哪个generator)
来一个用ES6 generator模拟couroutine的样例(能够在chrome dev tool里执行):
function* ge1(){
for (var i =1; ;i++){
console.log('running...generator1, '+ i +' times');
yield'g2';
}
}
function* ge2(){
for (var i =1; ;i++){
console.log('running...generator2, '+ i +' times');
yield'g1';
}
}
function schedule(){
var map = {
'g1': ge1(),
'g2': ge2()
};
var current ='g1';
for(var i =0; i <100; i++) {
current = map[current].next().value; // current 在'g1'和'g2'间来回变化
}
}
schedule();
Delimited Continuation
关于continuation, 另一个值得一提的是DelimitedContinuation。Scala里就支持这样的continuation。
它是在一个限定的区域里,捕捉continuation并详细化成一个函数。以供复用。通常是通过reset+shift来表达:
(reset
(display (*2 (shift k
(k 2)
(k 4)
(k 3)))))
用JS来翻译一下:
reset(function(){
var x =shift(function(k){
k(2);
k(4);
k(3);
});
console.log(2* x);
});
// 4
// 8
// 6
再翻译成CPS:
(function(k){
k(2);
k(4);
k(3);
})(function(x){
console.log(2* x);
});
如今应该非常好理解了,类似于call/cc的情况。只是用reset限定了一个scope。将shift之后reset之内的代码捕捉并封装成一个函数,然后传递给shift块里的那个函数。
这里一个要注意的点是。shift里的k是一个函数。所以它能够多次使用;而call/cc里的k调用一次就退出了,后边的都会ignore。
从这个角度而言。delimitedcontinuation是纯粹的函数,而undelimited continuation不是。因而delimited continuation更直观更符合直觉,也就更适合我们用来编程
最后
碍于能力以及篇幅,本文仅是对程序控制流的浅尝辄止。
纵观而言。各种高阶的流程控制结构,都与continuation相关,这是由于continuation是对(隐式的)控制流本身的抽象。
只是现代的高级语言里。一般不直接提供first-class的continuation, 而是提供如generator,coroutine甚至delimited continuation等的高阶控制结构,由于它们足够强大而又相对call/cc更可控更易于理解。
而它们的实现也不会是像我这里所写的那样简单,甚至也不一定是基于call/cc去实现。然而其基本原理是一致的。因此理解continuation, 理解CPS,理解call/cc,将有助于更好的玩转各种流程控制。
References:
l https://github.com/lukehoban/es6features
l https://medium.com/@tjholowaychuk/callbacks-vs-coroutines-174f1fe66127
l https://en.wikipedia.org/wiki/Control_flow
l https://en.wikipedia.org/wiki/Continuation
l https://en.wikipedia.org/wiki/Continuation-passing_style
l https://en.wikipedia.org/wiki/Generator_(computer_programming)
l https://en.wikipedia.org/wiki/Coroutine
https://en.wikipedia.org/wiki/Delimited_continuation