yield如何在javascript中作为参数工作？
在JavaScript中，yield关键字通常用于生成器函数中，用于定义一个暂停点，可以将值传递给生成器的调用者。当生成器函数被调用时，它会返回一个迭代器对象，该对象可以用于控制生成器的执行。
yield作为参数工作时，可以通过生成器的迭代器对象向生成器传递值。具体步骤如下：
- 定义一个生成器函数，使用function*关键字声明函数。生成器函数内部可以包含一个或多个yield语句。
- 在生成器函数内部，使用yield关键字暂停函数的执行，并将yield后面的表达式作为生成器的返回值。
- 调用生成器函数时，会返回一个迭代器对象。可以使用该对象的next()方法来控制生成器的执行。
- 调用迭代器对象的next()方法时，生成器函数会从上次暂停的地方继续执行，直到遇到下一个yield语句或函数结束。
- 调用next()方法时，可以传递一个参数作为yield语句的返回值。生成器函数会将该参数赋值给yield表达式，并继续执行。
以下是一个示例代码：
function* generatorFunction() {
const value = yield 'First yield'; // 第一次调用next()时，返回'First yield'，并暂停执行
console.log('Received value:', value); // 打印传递给yield的值
yield 'Second yield'; // 第二次调用next()时，返回'Second yield'，并暂停执行
yield 'Third yield'; // 第三次调用next()时，返回'Third yield'，并暂停执行
}
const generator = generatorFunction(); // 调用生成器函数，返回一个迭代器对象
console.log(generator.next()); // 输出: { value: 'First yield', done: false }
console.log(generator.next('Hello')); // 输出: Received value: Hello, { value: 'Second yield', done: false }
console.log(generator.next()); // 输出: { value: 'Third yield', done: false }
console.log(generator.next()); // 输出: { value: undefined, done: true }在上面的示例中，第一次调用next()方法时，生成器函数执行到yield语句处暂停，并返回'First yield'作为value。第二次调用next()方法时，传递了'Hello'作为参数，生成器函数将该值赋给yield表达式，并继续执行，打印出'Received value: Hello'，然后暂停并返回'Second yield'。依此类推，直到生成器函数执行完毕，返回{ value: undefined, done: true }。
请注意，yield关键字只能在生成器函数内部使用，不能在普通函数或箭头函数中使用。
相关·内容
2回答
产量*具有无产量的生成函数
javascript、return、generator、yield
下面是我对yield *操作符的确切机制的理解，而不是yield，当我在阅读文档和使用它之后想到它：
当对生成器函数返回的迭代器调用next()时，如果它遇到：
yield someFunction()：它应该调用someFunction()并返回返回值在value中的对对象，以及done中是否有更多的指令。
yield * someGenerator()：它应该使用someGenerator()返回的迭代器，调用它上的next()函数，并使用它返回一个对对象，返回从迭代器获得的value，并且只有当迭代器都返回done===true并且没有更多的指令时，done才返回true。
浏览 5提问于2021-06-21得票数 0
3回答
理解JavaScript中的生成器
javascript、generator、yield、ecmascript-6
有人能帮我理解下面的代码在做什么吗？为什么“一”没有打印到控制台？另外，g是生成器还是go是生成器？
function *go() {
var foo = yield;
console.log(foo);
}
var g = go();
console.log(g.next('one'));
console.log(g.next('two'));
输出：
Object {value: undefined, done: false}
two
Object {value: undefined, done: true}
浏览 4提问于2015-04-02得票数 2
回答已采纳
1回答
Javascript中的生成器
javascript
我正在读一篇关于发电机的文章。无意中发现这个
function* gen() {
let result = yield "2 + 2 = ?"; // (*)
alert(result);
}
let generator = gen();
let question = generator.next().value;
generator.next(4);
它是如何等待结果被通过并提醒它的呢？
在行*屈服后，为什么不通知"2 + 2 = ?"？
浏览 4提问于2022-08-15得票数 -1
回答已采纳
1回答
为什么生成器下一个函数不能是事件侦听器的回调函数？
javascript、dom、generator
我试了一会儿发电机。当我尝试这段代码时，我得到了意想不到的错误：
未兼容的TypeError:方法Generator.prototype.next调用不兼容的接收方#或TypeError:调用不兼容的HTMLButtonElement的CallStarGeneratorMethodIfWrapped方法
我的问题，这不管用吗？这些错误信息背后的含义是什么？最重要的是，为什么first().next没有作为正常函数处理？为什么addEventListener关心第一个().next函数的起源。在控制台中键入first().next。上面写着功能。下面是一个与下一个函数相似的注释，除非它总是产生相
浏览 3提问于2015-10-21得票数 3
回答已采纳
2回答
下一种方法前JavaScript ES6生成器捕获错误
javascript、generator
我开始学习Iterator/Generators，有时我看到了一些奇怪的部分。目前，我不明白为什么我的代码是这样工作的。
在下面的代码示例中是我的主要代码。
function* makeGenerator() {
try {
yield 1;
yield 1;
yield 1;
} catch (e) {
console.log(e);
}
}
const generator = makeGenerator();
当我在抛出代码之前使用下一个方法时，正常工作。
console.log(generator.
浏览 3提问于2019-10-27得票数 2
4回答
ES6生成器机制-传递给next()的第一个值在哪里？
javascript、generator、yield
当将参数传递给next() of ES6生成器时，为什么忽略第一个值？更具体地说，为什么这个输出是x = 44而不是x = 43？
function* foo() {
let i = 0;
var x = 1 + (yield "foo" + (++i));
console.log(`x = ${x}`);
}
fooer = foo();
console.log(fooer.next(42));
console.log(fooer.next(43));
// output:
// { value: 'foo1', done: fa
浏览 8提问于2017-05-29得票数 13
回答已采纳
2回答
在Javascript中，生成器功能是如何工作的？
javascript、ecmascript-6、generator
我从一篇文章中读到了这些代码，它们展示了函数生成器的工作流程。
var foo, f;
foo = function* () {
console.log('generator 1');
console.log('yield 1', yield 'A');
console.log('generator 2');
console.log('yield 2', yield 'B');
console.log('generator 3');
};
f = foo();
浏览 3提问于2016-09-09得票数 2
回答已采纳
1回答
手动将值传递给生成器会产生意外的jest测试结果。
javascript、reactjs、generator、jestjs
我有以下redux saga，它进行api调用并处理结果：
import { takeLatest } from 'redux-saga'
import { call, put } from 'redux-saga/effects'
import { normalize, arrayOf } from 'normalizr'
import * as actions from './actions'
import * as schemas from './schemas'
import * as types from
浏览 2提问于2016-12-24得票数 2
回答已采纳
3回答
从Node JS中的生成器获取返回值
javascript、node.js、generator、yield
我似乎不知道如何得到一个生成器的返回值--有人知道我做错了什么吗？
function getGeneratorReturn() {
var generator = runGenerator();
var generatorReturn = null;
var done = false;
while(!done) {
var currentNext = generator.next();
console.log('Current next:', currentNext);
generatorRetu
浏览 1提问于2014-05-02得票数 6
1回答
如果没有分配给变量，生成器为什么提供相同的输出？
javascript、ecmascript-6
我创建了函数foo，如下所示
function* foo(){
var index = 0;
while (index <= 2)
yield index++;
}
当我调用以下函数时，给出相同的输出
console.log(foo().next()); //Object {value: 0, done: false}
console.log(foo().next()); //Object {value: 0, done: false}
console.log(foo().next()); //Object {value: 0, done: false}
但是，当我试着遵
浏览 1提问于2015-10-14得票数 2
回答已采纳
1回答
如何理解javascript生成器？
javascript、generator
我有一段代码
function* dataConsumer() {
console.log('Started');
console.log(`1. ${yield}`);
console.log(`2. ${yield}`);
return 'result';
}
let genObj = dataConsumer();
genObj.next();
运行结果是
Started
我不明白为什么第二个console.log不能输出任何东西。谢谢你帮忙。
浏览 3提问于2017-12-07得票数 1
回答已采纳
1回答
在ES6中，“生成器”实际上是如何在V8引擎中暂停的？
javascript、ecmascript-6、generator、v8、iterable
在ES6中，有一个新的概念叫做“生成器”。它提供了一种方法来迭代一些东西并暂停，直到消费者请求下一个数据。
function *gen() {
yield 1;
yield 2;
yield 3;
}
const gen_ = gen()
gen_.next() // return 1
在gen_.next()之后，它会暂停，直到消费者gen_请求下一个数据'2‘。那么，生成器中的数据存放在哪里呢？
摘要)
V8引擎内部到底发生了什么事情？如何暂停它，直到消费者请求下一个数据？下一批数据放在哪里呢？
浏览 0提问于2018-05-27得票数 1
2回答
对Javascript发生器的理解
javascript、generator、yield、yield-keyword
我有一段代码：
function * input(){
let array = [];
while(true) {
array.push(yield array);
}
}
var gen = input();
console.log(gen.next("A"))
console.log(gen.next("B"))
console.log(gen.next("C"))
console.log(gen.next("D"))
当您运行它时，您将得到以下输出：
{ value: [], don
浏览 6提问于2017-01-17得票数 3
1回答
在JavaScript中迭代器和产生器在for of循环中的区别
javascript、iterator、generator、for-of-loop
让我们创建一个迭代器和一个生成器来类似地工作。
如果for of循环中包含中断语句或返回语句，那么它们行为不同的原因是什么？
当迭代器在循环结束后运行时，生成器就完成了。
function *createGenerator() {
for ( let i=0; i<5; i++ ) {
yield i;
}
}
function createIterator() {
const arr = [1, 2, 3, 4, 5];
return arr[ Symbol.iterator ]();
}
function runForOfLoopOn( iterab
浏览 1提问于2017-03-15得票数 3
回答已采纳
2回答
带有next()调用的生成器函数
javascript、ecmascript-6
我从ecmascript 6生成器函数中看到了新的未来，我对.next()函数所做的事情感到有点困惑。
在他们所说的官方文档中，我引用：A zero arguments function that returns an object with two properties:，根据他们的 (指向这里提供的文档的<-链接)在Feb 17, 2015 4:57:46 PM上更新的信息。
那么，假设我们有这个生成器函数：
function* first(){
yield 1;
yield 2;
}
var f= first();
调用时，f.next()将返回{value:
浏览 4提问于2015-02-26得票数 3
回答已采纳
1回答
ES6生成器:为什么传递给第一个next()函数的参数不起作用？
javascript、ecmascript-6、generator
下面是我的示例代码：
function *g() {
while (true) {
console.log(yield)
}
}
var gen = g();
gen.next(3); // {value: undefined, done:false}
gen.next(3); // 3 {value: undefined, done:false}
gen.next(3); // 3 {value: undefined, done:false}
为什么传递给第一个next()函数的第一个参数不起作用？为什么value属性的值是undefined，它不应该是传入的参数值吗？
浏览 0提问于2017-08-07得票数 1
3回答
Javascript函数生成器参数
javascript、ecmascript-6
我正在从ES6(函数生成器)学习这个特性，我很难理解以下代码：
function* HelloGen2() {
var a = yield 100;
var b = yield a + 100;
console.log(b);
}
var gen2 = HelloGen2();
console.log(gen2.next()); // {value: 100, done: false}
console.log(gen2.next(500)); // {value: 600, done: false}
console.log(gen2.next(1000)); //
浏览 0提问于2018-03-16得票数 4
回答已采纳
1回答
两个明显相似的JavaScript迭代器给出了不同的结果
javascript
下面两个类似的函数给出的结果与扩展运算符略有不同。
function take(count, iterable) {
let index = 0;
const iter = iterable[Symbol.iterator]();
return {
[Symbol.iterator](){
return this;
},
next: () => {
if (count > index++) {
return iter.next(
浏览 0提问于2020-12-08得票数 1
1回答
生成器是如何工作的？
javascript
我正在阅读，我对下面的程序有疑问。
first it.next()如何将"Hello"作为输出？如果有人能一步一步地详细讲解那就太好了。
function* foo(x) {
var y = x * (yield "Hello"); // <-- yield a value!
return y;
}
var it = foo(6);
var res = it.next(); // first `next()`, don't pass anything
console.log(res.value); // "Hello"
浏览 0提问于2017-07-06得票数 2
3回答
ES6生成器:首次调用next()
javascript、ecmascript-6
我试图了解如何使用ES6生成器函数。除了一个关于在传递参数的同时进行空的next()函数调用的概念外，它看起来非常直接。以下是我所指的Mozilla文档中的代码。
function* logGenerator() {
console.log(yield);
console.log(yield);
console.log(yield);
}
var gen = logGenerator();
// the first call of next executes from the start of the function
// until the first yield st
浏览 5提问于2016-09-27得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
