1. 生成器函数的声明
function* 函数名() {} //一般都用声明方式
var 函数名 = function* () {}
2. 调用方式
1. 普通函数的调用方式
若直接用“函数名()”的方式进行调用,generator函数并不会执行。
function* fn(){
console.log(222);
}
fn()
console.log(fn());
而打印generator函数调用的结果(即其返回值),只能得到下图所示一个生成器对象,可以用来进行迭代。
2. 正确调用方式
genegrator函数的执行需要调用genegrator函数返回值的next()方法
function* fn(){
console.log(222);
}
fn().next()
//或者将genegrator函数的返回值赋值给一个变量(锁住generator函数作用域),然后通过该变量调用next()
var f = fn()
f.next()
next()的返回值为一个对象:
{
value:yield后跟的值,//下文解释yield
done:true/false,//是否继续可以迭代
}
next()调用时可以传一个参,作为上一个yield的返回值
3. 异步的体现
generator函数的异步主要体现在它有yield
yield与return类似,区别是:
- return是终止执行,后面的语句不执行,return后面的内容是函数的返回值
- yield是暂停执行,只要继续调用next方法,后面的语句就继续执行,
每当调用生成器函数执行到yield时,便会暂停执行,等下一次调用时,继续接着上一次的进度继续执行,再此遇到yield,便再次暂停
而yield的返回值(a = yield 10)为下一次的调用时next的参数
function* fn1() {
console.log(111)
var a = yield 10
console.log(a); //2
console.log(101010)
}
function* fn2() {
console.log(222)
var b= yield 20
console.log(b);//3
console.log(202020)
}
function* fn3() {
var c = yield* fn1() //相当于把fn1的内容复制到这里了
yield* fn2()
console.log(c); //undefined
console.log(333)
}
var gn = fn3()
console.log(gn);
gn.next(1) //111 //第一次调用没有上一个yield,这里的参数1没有用处
gn.next(2) // 222
gn.next(3) // 202020