概念
yield
和yield*
都是配合Generator进行使用的。
yield
yield
是关键字,其语法如下:
[rv] = yield [expression];
-
expression
:是Generator
函数返回的遍历器对象调用next
方法是所得到的值; -
rv
:是遍历其对象调用next
方法是传递给next方法的参数
这里要简单的说一下next
方法,其语法如下:
gen.next(value)
-
value
:传递给Generator
函数的值,也就是上文中的rv
这里比较有意思的就是传递给next
方法的值value
,下面通过例子来看一下:
function* _testYieldExpression(){
let value = '';
value = yield 'yield value';
console.info(`1 value is: ${value}`);//输出1
value = yield 'yield value';
console.info(`2 value is: ${value}`);//输出2
return 'over';
}
let _testIterator = _testYieldExpression();
let _res = _testIterator.next();
console.info(`1:no params to next, result is: ${_res.value}`);//输出3
_res = _testIterator.next('params from next');
console.info(`2:params to next, result is: ${_res.value}`);//输出4
_res = _testIterator.next();
console.info(`3:params to next, result is: ${_res.value}`);//输出5
输出如下:
1:no params to next, result is: yield value
1 value is: params from next
2:params to next, result is: yield value
2 value is: undefined
3:params to next, result is: over
注释中标记了几个输出语句,输出1是在第二次调用next
方法是执行,可以看到,此时的value
值是传递给next
方法的参数,但是在_testYieldExpression
函数中可以看到value = yield 'yield value'
,所以可以理解为,在第一次执行next
函数的时候,语句yield 'yield value'
没有返回值,并且没有赋值给value
,而在第二次调用next
时,才将next
函数的参数赋值给value。虽然有些混乱,但是如果打断点来看的话会更加清晰。
yield*
yield*
是表达式,因此又返回值,其语法如下:
yield* [[expression]];
expression
:是可遍历对象,可以是数组,也可以是另外一个Generator
函数的执行表达式,等等
其实说简单点,就是将多个yield
语句根据某种规则合并为一个,示例如下:
function* g3() {
yield* [1, 2];
yield* '34';
yield* Array.from(arguments);
}
var iterator = g3(5, 6);
console.log(iterator.next()); // {value: 1, done: false}
console.log(iterator.next()); // {value: 2, done: false}
console.log(iterator.next()); // {value: "3", done: false}
console.log(iterator.next()); // {value: "4", done: false}
console.log(iterator.next()); // {value: 5, done: false}
console.log(iterator.next()); // {value: 6, done: false}
console.log(iterator.next()); // {value: undefined, done: true}