在es6中,yield是生成器用來內(nèi)部暫停本身運行的關(guān)鍵字;yield后面跟一個生成器函數(shù)或者其他可迭代的對象,yield表達式的返回值,就是其后面可迭代對象迭代完畢時的返回值,語法為“function*gen(){yield表達式}”。
本教程操作環(huán)境:windows10系統(tǒng)、ECMAScript 6.0版、Dell G3電腦。
es6中yield是什么意思
yield是ES6中的Generator(生成器)用來內(nèi)部暫停本身運行的關(guān)鍵字。
請注意“內(nèi)部”一詞,生成器函數(shù)并不能由外部邏輯暫停,只能由本身通過yield暫停。
yield關(guān)鍵字后可以跟隨變量,也可以單獨使用。如果yield后面跟隨變量(我們可以稱之為yield表達式),生成器函數(shù)暫停后再次恢復運行時,傳入的參數(shù)作為整體yield表達式的值參與后續(xù)的邏輯運算;
當yield后不跟隨變量,單獨使用的yield僅僅是作為暫停生成器函數(shù)使用,生成器恢復運行后被傳入的參數(shù)作為yield的值參與后續(xù)運算。
舉例
第 1 步,構(gòu)造一個生成器函數(shù)。
function* numbers () { yield 1; yield 2; return 'numbers'; }
第 2 步,在上述生成器函數(shù)外層做一個代理。
function* delegate () { var str = yield* numbers(); console.log(str); yield 3; return 'delegate'; }
第 3 步,構(gòu)造迭代器。
var iterator = delegate();
第 4 步,輸出迭代結(jié)果。
/** * 第一次輸出結(jié)果 * { value: 1, done: false } */ console.log(iterator.next()) // 第一次輸出 /** * 第二次輸出結(jié)果 * { value: 2, done: false } */ console.log(iterator.next()) // 第二次輸出 /** * 第三次輸出結(jié)果 * numbers * { value: 3, done: false } */ console.log(iterator.next()) // 第三次輸出 /** * 第四次輸出結(jié)果 * { value: 'delegate', done: true } */ console.log(iterator.next()) // 第四次輸出
輸出結(jié)果描述
第三次輸出時,輸出兩行內(nèi)容。第一行內(nèi)容為 delegate 函數(shù)中 console.log(str) 輸出的,值為 numbers 函數(shù)的返回值。
第四次輸出時,輸出一行內(nèi)容,其中的 value 值為 delegate 函數(shù)的返回值。此時,done 屬性為 true。
【