x-note
Search…
ECMAScript 6 Generator
Generator 是 ES6 提供的一种异步编程解决方案。
定义生成器函数
可以使用构造函数
GeneratorFunction或function*表达式定义生成器函数。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!
Last modified 4yr ago