在es6中,yield是生成器用來內部暫停本身運行的關鍵字;yield後面跟一個生成器函數或其他可迭代的對象,yield表達式的返回值,就是其後面可迭代對象迭代完畢時的回傳值,語法為「function*gen(){yield表達式}」。
本教學操作環境:windows10系統、ECMAScript 6.0版、Dell G3電腦。
yield是ES6中的Generator(生成器)用來內部暫停本身運行的關鍵字。
請注意「內部」一詞,生成器函數並不能由外部邏輯暫停,只能由本身透過yield暫停。
yield關鍵字後可以跟著變量,也可以單獨使用。如果yield後面跟隨變數(我們可以稱之為yield表達式),生成器函數暫停後再次恢復運行時,傳入的參數會作為整體yield表達式的值參與後續的邏輯運算;
當yield後不跟隨變量,單獨使用的yield只是作為暫停生成器函數使用,生成器恢復運行後被傳入的參數作為yield的值參與後續運算。
範例
第 1 步,建構一個生成器函數。
function* numbers () { yield 1; yield 2; return 'numbers'; }
第 2 步,在上述生成器函數外層做一個代理程式。
function* delegate () { var str = yield* numbers(); console.log(str); yield 3; return 'delegate'; }
第 3 步,建構迭代器。
var iterator = delegate();
第 4 步,輸出迭代結果。
/** * 第一次输出结果 * { value: 1, done: false } */ console.log(iterator.next()) // 第一次输出 /** * 第二次输出结果 * { value: 2, done: false } */ console.log(iterator.next()) // 第二次输出 /** * 第三次输出结果 * numbers * { value: 3, done: false } */ console.log(iterator.next()) // 第三次输出 /** * 第四次输出结果 * { value: 'delegate', done: true } */ console.log(iterator.next()) // 第四次输出
輸出結果描述
第三次輸出時,輸出兩行內容。第一行內容為 delegate 函數中 console.log(str) 輸出的,值為 numbers 函數的回傳值。
第四次輸出時,輸出一行內容,其中的 value 值為 delegate 函數的回傳值。此時,done 屬性為 true。
【相關推薦:javascript影片教學、web前端】
以上是es6中yield是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章!