首页  思维导图  详情

Generator 函数语法

2019-12-05 09:56:20   0  举报





AI智能生成

ES6 - 思维导图

ES6--Generator 函数语法

作者其他创作

大纲/内容

Generator.prototype.throw

1、可在函数体外抛出错误 由Generator函数体内catch错误 2、throw方法被捕获以后， 会附带执行下一条yield表达式 3、旦 Generator 执行过程中抛出错误  且没有被内部捕获，就不会再执行下去了 4、throw方法抛出的错误要被内部捕获， 前提是必须至少执行过一次next方法

Generator.prototype.return()

return方法，可以返回给定的值， 并且终结遍历 Generator 函数

g.return('foo')  // { value: "foo", done: true }

try...finally

如果 Generator 函数内部有try...finally代码块， 且正在执行try代码块，那么return方法会导致 立刻进入finally代码块，执行完以后，整个函数才会结束

yield* 表达式

用来在一个 Generator 函数里面 执行另一个 Generator 函数

另一个Generator中如果有返回return 则会返回值给父Generator

1、yield* ["a", "b", "c"]; 2、function* inner() {         yield 'hello!';      }      function* outer1() {         yield 'open';         yield* inner();         yield 'close';      }

Generator 函数的this

generator 函数也不能跟new命令一起用 generator 函数返回的不是this对象,而是 遍历器对象

完善版既能new也能next: function* gen() {     this.a = 1;     yield this.b = 2;     yield this.c = 3; } function F() {    return gen.call(gen.prototype); } var f = new F(); f.next(); // Object {value: 2, done: false} f.next(); // Object {value: 3, done: false} f.next(); // Object {value: undefined, done: true} f.a // 1 f.b // 2 f.c // 3

概述

特征

1、function关键字与函数名之间有一个星号 2、函数体内部使用yield表达式

yield表达式

只有调用next方法才会遍历下一个内部状态 yield表达式就是暂停标志

1、yield表达式只能用在 Generator 函数里面 2、yield表达式如果用在另一个表达式之中，      必须放在圆括号里面 3、yield表达式用作函数参数或放在赋值表达式的右边，      可以不加括号

与 Iterator 接口的关系

由于 Generator 函数就是遍历器生成函数， 因此可以把 Generator 赋值给对象的Symbol.iterator属性， 从而使得该对象具有 Iterator 接口。

next 方法

next方法可以带一个参数， 该参数就会被当作上一个yield表达式的返回值

总结： 实际上调用next方法，是计算yield后面表达式的值， 再调next，才执行上一个yield所在语句，因此参数 的值可以给到上一个语句使用

实现斐波那契数列

function* fibonacci() {    let [prev, curr] = [0, 1];    for (;;) {        yield curr;        [prev, curr] = [curr, prev + curr];    } } for (let n of fibonacci()) {   if (n > 1000) break;   console.log(n); }

控制流程管理 实现多任务多步骤

// 实现多步骤 let steps = [step1Func, step2Func, step3Func]; function* iterateSteps(steps){      for (var i=0; i< steps.length; i++){            var step = steps[i];            yield step();       } }

// 实现多任务多步骤 let jobs = [job1, job2, job3]; function* iterateJobs(jobs){      for (var i=0; i< jobs.length; i++){            var job = jobs[i];            yield* iterateSteps(job.steps);      } }

// 循环所有任务和步骤 for (var step of iterateJobs(jobs)){    console.log(step.id); }