Generator与异步编程

from:denghongqi

Transcript

1. GENERATOR与异步编程 Created by 邓红启
2. AGENDA 关于Generator 异步编程回顾 Generator与异步编程
3. ES6 --HARMONY ES.next(Ecma-262 Edition 6): ECMAScript Wiki Default Parameters Rest Parameters Sets Maps Iterators Generators Proxy Arrow Functions Modules ...
4. ES6 启用方法 chrome: chrome://flags/#enable-javascript-harmony firefox: firefox26(spidermonkey26)起已支持 nodejs: node-v0.11.x 版本加参数 --harmony
5. COROUTINE VS SUBROUTINE coroutine(协程)与subroutine(子程序)的不同: 子例程的起始处是惟一的入口点，一旦退出即完成了子例程的执行，子例程的一个实例只会返回一 次。 协程可以通过yield来调用其它协程。通过yield方式转移执行权的协程之间不是调用者与被调用者的 关系，而是彼此对称、平等的。 协程的起始处是第一个入口点，在协程里，返回点之后是接下来的入口点。子例程的生命期遵循后 进先出（最后一个被调用的子例程最先返回）；相反，协程的生命期完全由他们的使用的需要决 定。
6. GENERATOR OVERVIEW 生成器是一种特殊的函数, 它可以在执行几步操作后先行退出, 然后在需要的时候进入函数内部继续执 行. 函数的上下文(变量绑定等信息)会始终保留. f u n c t i o n * i d M a k e r ( ) { v a r i n d e x = 0 ; w h i l e ( t r u e ) y i e l d i n d e x + + ; } v a r g e n = i d M a k e r ( ) ; c o n s o l e . l o g ( g e n . n e x t ( ) . v a l u e ) ; / / 0 c o n s o l e . l o g ( g e n . n e x t ( ) . v a l u e ) ; / / 1 c o n s o l e . l o g ( g e n . n e x t ( ) . v a l u e ) ; / / 2
7. GENERATOR 特点 Generator是函数，但是它并不直接执行逻辑，而是用来生成另一个对象； 所生成的对象中的函数可以把逻辑拆开来，一片一片调用执行，而不是像普通的函数，只能从头到尾 一次执行完毕 字面量（函数声明/函数表达式）的关键字function后面多了一个*，而且这个*前后允许有空白字符 函数体中多了yield运算符 Generator methods: next send throw close iterate
8. YIELD A s s i g n m e n t E x p r e s s i o n : . . . Y i e l d E x p r e s s i o n Y i e l d E x p r e s s i o n : " y i e l d " ( " * " ? A s s i g n m e n t E x p r e s s i o n ) ? yield 和 yield * 为一元操作符，仅可以用于Generator内部。 yield * 与yield的区别是yield *显式地声明 AssignmentExpression是一个Generation，功能同yield yield 可以中断Generator的执行，并返回 AssignmentExpression
9. 举个栗子 f u n c t i o n * G e n A ( ) { c o n s o l e . l o g ( ' f r o m G e n A , f i r s t . ' ) ; y i e l d 1 ; c o n s o l e . l o g ( ' f r o m G e n A , s e c o n d . ' ) ; v a r v a l u e 3 = y i e l d 2 ; c o n s o l e . l o g ( ' f r o m G e n A , t h i r d . ' , v a l u e 3 ) ; r e t u r n 3 ; } v a r a = n e w G e n A ( ) ;
10. 执行结果 a . n e x t ( ) ; / / f r o m G e n A , f i r s t . / / O b j e c t { v a l u e : 1 , d o n e : f a l s e } a . n e x t ( ) ; / / f r o m G e n A , s e c o n d . / / O b j e c t { v a l u e : 2 , d o n e : f a l s e } a . n e x t ( 3 3 3 ) ; / / f r o m G e n A , t h i r d . / / 3 3 3 / / O b j e c t { v a l u e : 3 , d o n e : t r u e } a . n e x t ( ) ; / / E r r o r : G e n e r a t o r h a s a l r e a d y f i n i s h e d
11. AGENDA 关于Generator 异步编程回顾 Generator与异步编程
12. 异步串行读取文件 f s . r e a d F i l e ( ' f i l e 1 . t x t ' , ' u t f 8 ' , f u n c t i o n ( e r r , t x t ) { i f ( e r r ) { t h r o w e r r ; } f s . r e a d F i l e ( t x t , ' u t f 8 ' , f u n c t i o n ( e r r , c o n t e n t ) { i f ( e r r ) { t h r o w e r r ; } c o n s o l e . l o g ( c o n t e n t ) ; } ) ; } ) ;
13. 异步并行读取文件 f s . r e a d F i l e ( ' f i l e 1 . t x t ' , ' u t f 8 ' , f u n c t i o n ( e r r , t x t ) { i f ( e r r ) { t h r o w e r r ; } c o n s o l e . l o g ( t x t ) ; } ) ; f s . r e a d F i l e ( ' f i l e 2 . t x t ' , ' u t f 8 ' , f u n c t i o n ( e r r , c o n t e n t ) { i f ( e r r ) { t h r o w e r r ; } c o n s o l e . l o g ( c o n t e n t ) ; } ) ;
14. 异步编程的痛点 必须通过回调函数进行返回值的处理 复杂情况下会造成嵌套过深 对于异步并行读取文件的代码，难点是无法获知并行异步调 用完全完成的时间点
15. AGENDA 关于Generator 异步编程回顾 Generator与异步编程
16. 用GENERATOR实现异步串行读取文件 v a r f l o w = f u n c t i o n * ( ) { v a r t x t = y i e l d f s . r e a d F i l e ( ' f i l e 1 . t x t ' , ' u t f 8 ' ) ; v a r c o n t e n t = y i e l d f s . r e a d F i l e ( t x t , ' u t f 8 ' ) ; c o n s o l e . l o g ( c o n t e n t ) ; } ; 需要在回掉函数执行的时候触发这个Generator执行一 次.next()，然后将返回结果通过.next(result)的形式传入
17. 需要解决的两个问题 需要在回调函数中置入逻辑，用于收集回调函数传递的数 据。 通过.next()传入异步执行的结果，传递给yield，让业务流 程继续进行。
18. 改造异步方法 v a r h e l p e r = f u n c t i o n ( f n ) { r e t u r n f u n c t i o n ( ) { v a r a r g s = [ ] . s l i c e . c a l l ( a r g u m e n t s ) ; v a r p a s s ; a r g s . p u s h ( f u n c t i o n ( ) { / / 在回调函数中植入收集逻辑 i f ( p a s s ) { p a s s . a p p l y ( n u l l , a r g u m e n t s ) ; } } ) ; f n . a p p l y ( n u l l , a r g s ) ; r e t u r n f u n c t i o n ( f n ) { / / 传入一个收集函数 p a s s = f n ; } ; } ; } ;
19. 改造异步方法 v a r r e a d F i l e = h e l p e r ( f s . r e a d F i l e ) ; / / = > / / f u n c t i o n ( ) { / / v a r a r g s = [ ] . s l i c e . c a l l ( a r g u m e n t s ) ; / / v a r p a s s ; / / a r g s . p u s h ( f u n c t i o n ( ) { / / 在回调函数中植入收集逻辑 / / i f ( p a s s ) { / / p a s s . a p p l y ( n u l l , a r g u m e n t s ) ; / / } / / } ) ; / / f n . a p p l y ( n u l l , a r g s ) ; / / / / r e t u r n f u n c t i o n ( f n ) { / / 传入一个收集函数 / / p a s s = f n ; / / } ; / / } v a r f l o w = f u n c t i o n * ( ) { v a r t x t = y i e l d r e a d F i l e ( ' f i l e 1 . t x t ' , ' u t f 8 ' ) ; c o n s o l e . l o g ( t x t ) ; } ; v a r g e n e r a t o r = f l o w ( ) ; v a r r e t = g e n e r a t o r . n e x t ( ) ; / / 执行r e a d F i l e ( ' f i l e 1 . t x t ' , ' u t f 8 ' ) ; / / r e t . v a l u e = > / / f u n c t i o n ( f n ) { / / p a s s = f n ; / / }
20. 完整的异步调用代码 v a r g e n e r a t o r = f l o w ( ) ; v a r r e t = g e n e r a t o r . n e x t ( ) ; / / 执行r e a d F i l e ( ' f i l e 1 . t x t ' , ' u t f 8 ' ) ; r e t . v a l u e ( f u n c t i o n ( e r r , d a t a ) { i f ( e r r ) { t h r o w e r r ; } g e n e r a t o r . n e x t ( d a t a ) ; } ) ;
21. 设计流程控制函数 v a r c o = f u n c t i o n ( f l o w ) { v a r g e n e r a t o r = f l o w ( ) ; v a r n e x t = f u n c t i o n ( d a t a ) { v a r r e s u l t = g e n e r a t o r . n e x t ( d a t a ) ; i f ( ! r e s u l t . d o n e ) { r e s u l t . v a l u e ( f u n c t i o n ( e r r , d a t a ) { i f ( e r r ) { t h r o w e r r ; } n e x t ( d a t a ) ; } ) ; } } ; n e x t ( ) ; } ;
22. 调用示例 c o ( f u n c t i o n * ( ) { v a r t x t = y i e l d r e a d F i l e ( ' f i l e 1 . t x t ' , ' u t f 8 ' ) ; c o n s o l e . l o g ( t x t ) ; v a r t x t 2 = y i e l d r e a d F i l e ( ' f i l e 2 . t x t ' , ' u t f 8 ' ) ; c o n s o l e . l o g ( t x t 2 ) ; } ) ;
23. 通过GENERATOR进行流程控制的几个要点 每个异步方法都需要标准化为yield关键字能接受的方法，使 我们有机会注入特殊逻辑，这个过程被TJ称为thunkify 需要巧妙地将异步调用执行完成得到的结果通过.next()传递 给下一段流程 需要递归地将业务逻辑执行完成
24. 向下兼容 Generator的语法与现行的语法不兼容，导致无法进行shim式 的兼容 来自Facebook的工程师发布了一个regenerator的工具，它将 ECMAScript6中的Generator和yield语法重新编译，使得编译 出的代码能够在ECMAScript5下执行，同时达到相同的效果。
25. Q&A
26. THE END