๐ฆyield
JS โฉ objects โฉ built-in โฉ Generator โฉ generator function โฉ yield
JS โฉ statement โฉ control flow โฉ jump โฉ yield
(used only in generator functions) to produce the next value without returning.
yield and yield* operator can only be used within generator functionsโ๏ธ
replit๏ผyield must be in generator functions
// this seems like a generator function, but there's a catch ...
function* sequence(...iterables) {
// --------------------------------------------------------------
// โญ `yield/yield*` only available within generator functionsโ
// --------------------------------------------------------------
// โ but this `yield*` is within an "arrow function"โ
//
// โญโโโ ๐ธ arrow function โโโโฎ
iterables.forEach( iterable => yield* iterable );
// ^^^^^^
// โ ReferenceError: yield is not defined
}the value of the current yield
is the argument to the next call of next() (๐ see๏ผ ๐็ฏไพ)
when the "expression after yield" is evaluated and yielded, the execution of the generator code stops right there, and the value of the "yield expression" itself is still undefined and waiting for the next call of next() to send it in. (will remain undefined if there's no further next() call any more)
can be considered as a new starting point for the next call of next().
replit๏ผvalue of yield expression (2)
const { log } = console;
// generator code
function* ints() {
// argument to the `next(arg)` method
// ---------------------------------------------
// `arg`:
// โข is the "value" of PREVIOUS "yield expression".
// โข is ignored in the first call of next().
// (since there's NO previous yield expression)
// โข can be considered a "new starting point" for
// the "current" call of next() method.
// (except for the first call, in which `arg` is ignored)
// #1 next() call
// ---------------
// โญโ1โโฎ // 1. value for #1 call
const arg2 = yield 1 ; // (execution stops at Y.E.)
// โฐโ 2 โโฏ โฐโโ Y.E. โโโฏ // Y.E. : yield expression
// #2 next() call
// --------------
// 2. argument sent in by #2 call
// โญโโ 3 โโโฎ // 3. value for #2 call
const arg3 = yield [2, arg2]; // (execution stops at Y.E.)
// โฐโ 4 โโฏ โฐโโโโ Y.E. โโโโฏ //
// #3 next() call
// --------------
// โญโโ 5 โโโฎ // 4. argument sent in by #3 call
return [3, arg3]; // 5. "done" value for #3 call
// (the iteration is finished)
}
// table settings
const headers = [' ', 'value', 'done'];
const n = headers.length; // number of columns
const [colWidth, pad, ext] = [5, 1, 0];
const line = '-'.repeat(colWidth*n + pad*(n-1) + ext);
log(` value done`);
log(line);
// log iteration result
function logResult(r, i) {
let value = r.value === undefined ? 'x' : String(r.value);
value = value.padEnd(5, ' ');
const done = (r.done ? 'โ
' : 'โ').padEnd(4, ' ');
log(`#${i}: ${value} ${done}`);
}
// main
let it = ints();
const r1 = it.next('a'); // #1 next() call
logResult(r1, 1);
const r2 = it.next('b'); // #2 next() call
logResult(r2, 2);
const r3 = it.next('c'); // #3 next() call
logResult(r3, 3);
// output:
//
// value done
// -----------------
// #1: 1 โ
// #2: 2,b โ
// #3: 3,c โ
Last updated
