上面代码中， 第一个 next 方法的 value 属性， 返回表达式x + 2 的值（ 3）。 第二个 next 方法带有参数 2， 这个参数可以传入 Generator 函数， 作为上个阶段异步任务的返回结果， 被函数体内的变量 y 接收。 因此， 这一步的 value 属性， 返回的就是 2（ 变量 y 的值）。

Generator 函数内部还可以部署错误处理代码， 捕获函数体外抛出的错误。

function* gen(x) { try { var y = yield x + 2; } catch(e) { console.log(e); } return y; } var g = gen(1); g.next(); g.throw(' 出错了 ');

上面代码的最后一行， Generator 函数体外， 使用指针对象的throw 方法抛出的错误， 可以被函数体内的try...catch 代码块捕获。 这意味着， 出错的代码与处理错误的代码， 实现了时间和空间上的分离， 这对于异步编程无疑是很重要的。

4. 异步任务的封装

下面看看如何使用 Generator 函数， 执行一个真实的异步任务。

var fetch = require('node-fetch'); function* gen() { var url = 'https://api.github.com/users/github'; var result = yield fetch(url); console.log(result.bio); }

上面代码中， Generator 函数封装了一个异步操作， 该操作先读取一个远程接口， 然后从 JSON 格式的数据解析信息。 就像前面说过的， 这段代码非常像同步操作， 除了加上了 yield 命令。

执行这段代码的方法如下。

var g = gen(); var result = g.next(); result.value.then(function(data) { return data.json(); }).then(function(data) { g.next(data); });

上面代码中， 首先执行 Generator 函数， 获取遍历器对象， 然后使用 next 方法（ 第二行）， 执行异步任务的第一阶段。 由于 Fetch 模块返回的是一个Promise 对象， 因此要用 then 方法调用下一个 next 方法。

可以看到， 虽然 Generator 函数将异步操作表示得很简洁， 但是流程管理却不方便（ 即何时执行第一阶段、 何时执行第二阶段）。

更多相关内容可查看本站专题：《ECMAScript6(ES6)入门教程》、《JavaScript数组操作技巧总结》、《JavaScript字符与字符串操作技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript错误与调试技巧总结》及《javascript面向对象入门教程》

希望本文所述对大家基于ECMAScript的程序设计有所帮助。