当前位置：首页 > news >正文

JS生成器的特殊用法：委托yield*

news 2025/8/24 0:17:14

yield 的基本用法

yield 用于在生成器函数中暂停函数执行，并返回一个值给外部调用者。当生成器再次被调用时，会从暂停的地方继续执行。

示例：

function* simpleGenerator() {yield 1;yield 2;yield 3;
}const gen = simpleGenerator();console.log(gen.next()); // { value: 1, done: false }
console.log(gen.next()); // { value: 2, done: false }
console.log(gen.next()); // { value: 3, done: false }
console.log(gen.next()); // { value: undefined, done: true }

在这个例子中，yield 暂停生成器的执行并返回值，直到 gen.next() 再次被调用，才会继续从上次暂停的位置执行。

yield* 的用法

yield* 用于委托给另一个生成器或可迭代对象（例如数组、字符串、其他生成器等）。这意味着 yield* 会自动遍历这个可迭代对象，并逐个 yield 其值。

示例：委托给另一个生成器

function* generatorA() {yield 1;yield 2;
}function* generatorB() {yield* generatorA();yield 3;
}const genB = generatorB();console.log(genB.next()); // { value: 1, done: false }
console.log(genB.next()); // { value: 2, done: false }
console.log(genB.next()); // { value: 3, done: false }
console.log(genB.next()); // { value: undefined, done: true }

在这个例子中，yield* generatorA() 会遍历 generatorA 的所有值，相当于：

function* generatorB() {yield 1;yield 2;yield 3;
}

yield* 委托给其他可迭代对象

除了生成器，yield* 还可以委托给其他任何可迭代对象，比如数组、字符串等。

示例：委托给数组

function* arrayGenerator() {yield* [4, 5, 6];
}const genArray = arrayGenerator();console.log(genArray.next()); // { value: 4, done: false }
console.log(genArray.next()); // { value: 5, done: false }
console.log(genArray.next()); // { value: 6, done: false }
console.log(genArray.next()); // { value: undefined, done: true }