ES6中定義了一種新的函數(shù).用function*定義生成器函數(shù),這種函數(shù)會(huì)返回一個(gè)generator對(duì)象.生成器函數(shù)在執(zhí)行時(shí)可以暫停，然后又可以在暫停處接著執(zhí)行。
定義方式
1.直接按照function*像一般的函數(shù)那樣子聲明.可以帶參.
function* gen(i){
yield 10;
yield i+10;
}
2.通過GeneratorFunction進(jìn)行生成,步驟比較麻煩.
- 這邊注意一個(gè)點(diǎn)就是GeneratorFunction對(duì)象并不是一個(gè)全局對(duì)象.它可以使用如下的方式進(jìn)行獲得.
Object.getPrototypeOf(function*(){}).constructor
- 使用示例:
new GeneratorFunction ([arg1[, arg2[, ...argN]],] functionBody)
//其中的arg1等為字符串類型的寫法.
//functionBody為包含多條js語句的字符串
//使用示例:
let GeneratorFunction = Object.getPrototypeOf(function*(){}).constructor;
let a = new GeneratorFunction("i","yield 20;yield 20+i;");
let genO = a(12); //注意這邊不能使用構(gòu)造器語法，也就是不能用new
console.log(genO.next());// {value:20 , done: false}
console.log(genO.next());// {value:32,done:true}
yield的使用
yield用來在生成器函數(shù)中定義暫停位置和進(jìn)行數(shù)值的返回葫隙，還有進(jìn)行執(zhí)行權(quán)的移交（yield *）;
1.簡(jiǎn)單的示例：
function* idMaker(){
var index = 0;
while(index<3)
yield index++;
}
var gen = idMaker();
console.log(gen.next().value); // 0
console.log(gen.next().value); // 1
console.log(gen.next().value); // 2
console.log(gen.next().value); // undefined
- Generator.next()函數(shù)
這個(gè)函數(shù)用來進(jìn)行語句的執(zhí)行。在使用生成器函數(shù)生成一個(gè)generator對(duì)象的時(shí)候，函數(shù)內(nèi)部的語句并不會(huì)馬上執(zhí)行阎曹，而是在調(diào)用next函數(shù)的時(shí)候執(zhí)行到第一個(gè)yield語句中，并通過yield來進(jìn)行值的返回煞檩。然后接著調(diào)用next()函數(shù)处嫌，則會(huì)執(zhí)行到后續(xù)的yield語句的位置。
2.1 next函數(shù)的返回值形娇。
next函數(shù)返回一個(gè)對(duì)象,當(dāng)生成器函數(shù)迭代完成并且函數(shù)中沒有return語句的時(shí)候锰霜，對(duì)象中的value值變成undefined，done變成true桐早。如果有return語句癣缅，迭代完成的時(shí)候value值為return返回的數(shù)值，done的值為true哄酝。例如：
{
value: 12, // yield后面跟著的字面量值,變量值或者表達(dá)式的計(jì)算值友存。或者是最終return語句返回的值陶衅，沒有return則為undefined
done: false // 表示生成器函數(shù)中是否還有yield語句屡立。false表示還有，true表示已經(jīng)迭代完成搀军。
}
2.2 next函數(shù)進(jìn)行傳參操作：
function *createIterator() {
let first = yield 1;
let second = yield first + 2; // 4 + 2
// first =4 是next(4)將參數(shù)賦給上一條的
yield second + 3; // 5 + 3
}
let iterator = createIterator();
console.log(iterator.next()); // "{ value: 1, done: false }"
console.log(iterator.next(4)); // "{ value: 6, done: false }" 傳入的參數(shù)4會(huì)作為yield的返回值放到上次的暫停處膨俐。
console.log(iterator.next(5)); // "{ value: 8, done: false }"
console.log(iterator.next()); // "{ value: undefined, done: true }"
3.yield*進(jìn)行執(zhí)行權(quán)的移交勇皇。
function* anotherGenerator(i) {
yield i + 1;
yield i + 2;
yield i + 3;
}
function* generator(i){
yield i;
yield* anotherGenerator(i);// 移交執(zhí)行權(quán)
yield i + 10;
}
var gen = generator(10);
console.log(gen.next().value); // 10
console.log(gen.next().value); // 11
console.log(gen.next().value); // 12
console.log(gen.next().value); // 13
console.log(gen.next().value); // 20
顯式返回
當(dāng)在生成器函數(shù)中直接用return返回?cái)?shù)值的時(shí)候，之后的語句（包括yield語句）將不再執(zhí)行焚刺。
function* yieldAndReturn() {
yield "Y";
return "R";//顯式返回處敛摘，可以觀察到 done 也立即變?yōu)榱?true
yield "unreachable";// 不會(huì)被執(zhí)行了
}
var gen = yieldAndReturn()
console.log(gen.next()); // { value: "Y", done: false }
console.log(gen.next()); // { value: "R", done: true }
console.log(gen.next()); // { value: undefined, done: true } 返回"R"之后就直接沒了。
