x-note
Search…
ECMAScript 6 Generator
Generator 是 ES6 提供的一种异步编程解决方案。

定义生成器函数

可以使用构造函数GeneratorFunctionfunction*表达式定义生成器函数
GeneratorFunction并不是一个全局对象,可以通过一下代码获取
1
const GeneratorFunction = Reflect.getPrototypeOf(function* (){}).constructor;
Copied!
通过GeneratorFunction定义生成器函数
语法:new GeneratorFunction ([arg1[, arg2[, ...argN]],] functionBody)
1
const GeneratorFunction = Reflect.getPrototypeOf(function* (){}).constructor;
2
3
let g = new GeneratorFunction('a', 'yield a * 2');
4
let gObj = g(10);
5
gObj.next(); // {value: 20, done: false}
Copied!
通过function*表达式定义生成器函数
1
function* gen (x) {
2
yield 1;
3
return x;
4
}
5
6
let genObj = gen(10);
7
8
genObj.next(); // 执行 yield 1,返回 {value: 1, done: false}
9
genObj.next(); // 执行 return x,返回 {value: 10, done: true}
10
genObj.next(); // 执行完毕 {value: undefined, done: true}
Copied!

调用生成器函数

调用一个生成器函数(generator function)并不会马上执行里面的语句,而是返回一个生成器对象,该对象符合可迭代协议迭代器协议
当这个生成器对象的next()方法被首次(后续)调用时,其内的语句会执行到第一个(后续)出现yield的的位置为止,yield后紧跟迭代器要返回的值。如果是yield*表达式,则表示将执行权移交给另一个生成器函数(当前生成器暂停执行)。
1
function* anotherGenerator(i) {
2
yield i + 1;
3
yield i + 2;
4
yield i + 3;
5
}
6
7
function* generator(i){
8
yield i;
9
yield* anotherGenerator(i);// 移交执行权
10
yield i + 10;
11
}
12
13
var gen = generator(10);
14
15
console.log(gen.next().value); // 10
16
console.log(gen.next().value); // 11
17
console.log(gen.next().value); // 12
18
console.log(gen.next().value); // 13
19
console.log(gen.next().value); // 20
Copied!
当在生成器函数中使用return时,会导致生成器立即变为完成状态,即调用next()方法返回的对象的done属性的值为true。如果return后面跟了一个值,那么这个值会作为当前调用next()方法返回的对象的属性value的值。
1
function* gen (x) {
2
yield 1;
3
y = yield 'foo';
4
yield y;
5
return x;
6
yield "unreachable";
7
}
8
9
10
let genObj = gen(10);
11
12
genObj.next(); // 执行 yield 1,返回 {value: 1, done: false}
13
genObj.next(); // 执行 yield 'foo',返回 {value: "foo", done: false}
14
genObj.next(100); // 将 100 赋给上一条 yield 'foo' 的左值,即执行 y=100,返回 {value: 100, done: false}
15
genObj.next(); // 执行 return x,返回 {value: 10, done: true}
16
genObj.next(); // 执行完毕 {value: undefined, done: true}
17
genObj.next(); // 执行完毕 {value: undefined, done: true}
Copied!

迭代器对象的方法

Generator.prototype.next(val)
迭代器对象符合可迭代协议和迭代器协议,所以一定包含该方法
Generator.prototype.return(val)
返回给定的值并结束生成器
1
function* gen () {
2
yield 1;
3
yield 2;
4
}
5
let genObj = gen();
6
genObj.next(); // {value: 1, done: false}
7
genObj.return(10); // {value: 10, done: true}
8
genObj.next(); // {value: undefined, done: true}
Copied!
Generator.prototype.throw(exception)
用来向生成器抛出异常,并恢复生成器的执行
1
function* gen() {
2
while(true) {
3
try {
4
yield 42;
5
} catch(e) {
6
console.log("Error caught!");
7
}
8
}
9
}
10
11
var g = gen();
12
g.next(); // { value: 42, done: false }
13
g.throw(new Error("Something went wrong")); // "Error caught!"
14
g.return(2); // {value: 2, done: true}
15
g.throw(new Error("Something went wrong")); // Uncaught Error: Something went wrong
Copied!