ES6(Generator)

Generator前端

1.基本概念ajax

异步编程的一种解决方案编程

2.next 函数的用法后端

见代码服务器

3.yield* 的用法异步

见代码socket

 

1、基本定义async

2.使用 Generator 做为遍历器的返回值异步编程

经过 Generator 函数的方式函数

3.状态机

有 A B C 三种状态去描述一个事物,A-B、B-C、C-A,永远不会与第四种状态,用 Generator 处理这种状态机是特别适用的。

 

1.调用 let 方法运行第一个 yield  2.next 到 yield 'B'  3.再next 到 yield ‘C’ 4.应为是 while(1),因此又回到 Yield 'A'.

经过这种方式便可不断的获取状态机当前的状态

 

2.async

async 是 Generator 的语法糖(结果与上述相同)

2、实例

1.抽奖(次数限制)

while (count>0)   (对抽奖次数的限制)

yield draw(count)  (具体的操做逻辑)

 let star =residue(5)   (将 Generator 实例化,实际中的参数应为后台传输来的)

结果:

  

  

  

  

   (继续点击无用,再也不执行)

2.长轮询

服务端的某个服务状态按期变化,前端须要定时获取这个服务端状态,应为 http 是无状态的,不知道其链接,实时取到这种服务器变化有两种方式:

1.长轮询

2.wordsocket(不经常使用)

 实例:

1.模拟 ajax 过程

2.轮询过程(执行后端通讯)

结果:

若服务端返回数据为 1

 

则结果:

   ....

不断轮询