首先,什么是生成器函数?
生成器函数是一种特殊的函数,它可以返回一个迭代器。在执行时,它可以能暂停,后面又能从暂停处继续执行。
调用一个生成器函数并不会马上执行它里面的语句,而是返回一个这个生成器的 迭代器对象。当这个迭代器的 next() 方法被首次(后续)调用时,其内的语句会执行到第一个(后续)出现yield的位置为止,yield后紧跟迭代器要返回的值。或者如果用的是yield*(多了个星号),则表示将执行权移交给另一个生成器函数(当前生成器暂停执行)。
function* generatorFunction(){
yield 'a';
yield 'b';
x=yield "foo";
yield x;
yield 'c';
}
const fun = generatorFunction();
fun.next().value; //a
fun.next().value; //b
fun.next().value; //"foo"
fun.next(2); //将 '2' 赋给上一条yield "foo"左边的 "x"。即执行x=2,返回2
fun.next().value; //c
fun.next(); //执行完毕,value值为undefined,done为true
若生成器函数执行结束后,迭代器的next()方法会返回一个对象,其中done属性为true
yield和yield*的区别
首先,他们都是在只能在生成器函数中使用。
yield是返回其后面跟随的值,yield*则是用于委托给另一位可迭代的对象,包括生成器。
const generatorFunction = function*(){
yield:1;
yield*:[1,2]
}
const fn = generatorFunction()
fn.next(); //1
fn.next(); //2
fn.next(); //3
fn.next(); //value值为undefined,done为true