javascript中断for-await循环完成生成器
在JavaScript中，for-await循环用于迭代异步生成器函数生成的值。它允许我们以同步的方式处理异步操作的结果。
异步生成器函数是一种特殊类型的生成器函数，它可以使用async/await语法来处理异步操作。for-await循环通过在每次迭代中等待异步操作的完成，使我们能够按顺序处理生成器函数生成的异步值。
下面是一个示例代码，演示了如何使用for-await循环来完成异步生成器：
async function* asyncGenerator() {
yield new Promise(resolve => setTimeout(() => resolve(1), 1000));
yield new Promise(resolve => setTimeout(() => resolve(2), 2000));
yield new Promise(resolve => setTimeout(() => resolve(3), 3000));
}
(async () => {
for await (const value of asyncGenerator()) {
console.log(value);
}
})();在上面的示例中，asyncGenerator函数是一个异步生成器函数，它生成了三个异步值。在for-await循环中，我们使用const value来接收每个异步值，并在控制台打印出来。注意，我们使用了async/await语法来等待每个异步值的完成。
这种方式可以让我们以同步的方式处理异步操作的结果，使代码更加清晰和易于理解。
在腾讯云的产品中，与JavaScript中断for-await循环完成生成器相关的产品是云函数（Serverless Cloud Function）。云函数是一种无服务器计算服务，可以让您以事件驱动的方式运行代码，无需关心服务器的管理和维护。您可以使用云函数来处理异步操作，包括生成器函数生成的异步值。
您可以通过以下链接了解更多关于腾讯云函数的信息：腾讯云函数
相关·内容
2回答
寻找JS异步生成器的批处理方法
javascript、node.js、asynchronous、async-await
我试图将批处理功能添加到异步js生成器中。这个想法是要有一个函数来包围一个非批处理的生成器。该函数将多次调用生成器的下一个方法，以同时启动多个异步操作，然后返回第一个值，在将其项返回给客户端时小心地重新填充批处理对象。下面的示例演示了不使用包装器的工作用例，以及生成正确结果的包装用例，但不会导致批处理承诺并发执行的预期行为。
function sleep(ms) {
return new Promise(resolve => setTimeout(resolve, ms));
}
async function foo(v) {
await sleep(1000);
retu
浏览 2提问于2022-01-14得票数 0
3回答
在调用了“`AsyncGenerator`”方法“()”之后，我是否可以防止其屈服？
javascript、async-await、generator
声明：
异步生成器的return()方法的作用就好像在当前挂起的位置将return语句插入到生成器的主体中一样，这将完成生成器，并允许生成器在与块组合时执行任何清理任务。
下面的代码为什么要打印0-3而不是只打印0-2
const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
const values = (async function* delayedIntegers() {
let n = 0;
while (true) {
yield n++;
await
浏览 12提问于2022-12-01得票数 10
1回答
异步发生器和阵列承诺
javascript
这是我的代码
async function* promisGenerator(arrPromise) {} //???
const promisList = [
new Promise(resolve => setTimeout(resolve(15), 200)),
new Promise(resolve => setTimeout(resolve(17), 600)),
new Promise(resolve => setTimeout(resolve(42), 500))
];
(async () => {
const asyncGenera
浏览 3提问于2019-10-19得票数 0
回答已采纳
2回答
什么是AsyncGenerator TypeScript类型产生的承诺？
typescript、generator、iterable
我试图为下面的函数分配一个返回类型：
async function *sleepyNumbers() { // what TypeScript type is this?
let n = 0;
while (true) {
yield new Promise(resolve => resolve(n++));
await new Promise(resolve => setTimeout(resolve, 500));
}
}
(async () => {
for await (const i of sleepyNumbers())
浏览 16提问于2020-03-14得票数 6
回答已采纳
2回答
使用不带变量声明的异步可迭代
javascript、ecmascript-6、async-await、generator、es6-promise
使用同步JavaScript生成器，我可以按如下方式遍历它：
(() => {
function * syncGenerator () {
yield 1
yield 2
yield 3
console.log('done')
}
Array.from(syncGenerator())
})()
这将简单地迭代整个生成器，而不必初始化变量。我也想用异步生成器做同样的事情。我能想到的最接近的解决方案是：
(async () => {
async function * asyncGenerator () {
浏览 32提问于2019-11-27得票数 3
8回答
带生成器的异步/等待和ES6产量的差异
javascript、node.js、ecmascript-6、generator、ecmascript-next
我刚刚读了一篇精彩的文章“”，它清楚地突出了这个函数，它是一个处理生成器函数的辅助函数：
function async(makeGenerator){
return function () {
var generator = makeGenerator.apply(this, arguments);
function handle(result){
// result => { done: [Boolean], value: [Object] }
if (result.done) return Promise.resolve(result.v
浏览 14提问于2016-03-24得票数 100
回答已采纳
2回答
用于具有同步迭代的await...of
javascript、async-await
MDN for await...of有两个用例：
for await...of语句在异步可迭代对象以及同步可迭代对象上创建一个循环，
我以前就知道前者:使用Symbol.asyncIterator的异步迭代。但我现在对后者感兴趣:同步迭代。
下面的代码在同步迭代(一组承诺)上迭代。它似乎阻碍了每一项承诺的履行进度。
async function asyncFunction() {
try {
const happy = new Promise((resolve)=>setTimeout(()=>resolve('happy'),
浏览 3提问于2020-03-16得票数 15
回答已采纳
2回答
Javascript中的异步生成器:产生承诺和产生等待的承诺之间有什么区别吗？
javascript、asynchronous、promise、generator
我正在看一看ES9中提出的异步生成器，以便能够理解逻辑。
由于每个已获得的值都用作返回对象中的值属性--由next()调用包装：
async function * asyncGen() {
yield 1;
yield 2;
}
let asyncIterator = asyncGen();
asyncIterator.next(); // Promise fullfilled with {value: 1, done: false}
asyncIterator.next(); // Promise fullfilled with {value: 2, done: fa
浏览 0提问于2018-09-10得票数 1
回答已采纳
3回答
为Javascript异步函数的“等待”建立正确的心智模型:生成器的“产量”还是“promise.then()”？
javascript、node.js、promise、async-await、event-loop
哪个生成器的产量相对于promise.then()是一个更正确的心理模型来理解‘等待’？
属性比较，通过使用调试器逐步遍历下面的代码段来推断：
等待：
等待不暂停/挂起正在运行的异步函数的执行。(运行异步函数“运行到完成”，当解释器到达第一个等待时返回一个挂起的承诺。它将立即从调用堆栈中删除。)
等待着承诺的达成。
await expression将函数的其余代码包装在一个微任务中。
发电机-产量：
生成暂停正在运行的函数的执行。生成器函数不会“运行到完成”。
yield promise确实确保promise在执行剩余代码之前已经解决了问题。
产量不会包装或创建
浏览 1提问于2019-07-04得票数 6
3回答
Nodejs为什么等待仅限于异步函数？
javascript、node.js、asynchronous、async-await
可能是的重复。
我是NodeJS新手，我觉得async-await的概念有点混乱。经过一些阅读和混乱，这是我对同样的理解。
假设，我有一个像这样的函数sum。
function sum(a, b) {
// print the numbers
for (var i = 0; i < 100000; i++) {
console.log(i);
}
// settimeout
new Promise (resolve => {
setTimeout(resolve, 1000);
});
return a+b;
}
function ma
浏览 1提问于2018-11-26得票数 7
回答已采纳
3回答
Javascript等待/异步功能-如果函数中没有等待字怎么办？
javascript、asynchronous
我正在学习Javascript ES2017异步/等待功能。我读了很多关于它的书，我发现等待就像是让步，让我们可以等待承诺的完成。
来自
async function showAvatar() {
// read our JSON
let response = await fetch('/article/promise-chaining/user.json');
let user = await response.json();
// read github user
let githubResponse = await fetch(`https://a
浏览 2提问于2017-12-21得票数 0
4回答
当循环在异步函数内而不是相反的情况下，异步/等待为什么要正常工作？
javascript、async-await、es6-promise
当await在promise上运行时，我有三个循环三次的片段。
在第一个片段中，它和我预期的一样工作，i的值随着每个await的减少而减少。
let i = 3;
(async () => {
while (i) {
await Promise.resolve();
console.log(i);
i--;
}
})();
输出：
3
2
1
在第二种情况下，i的值会不断减少，直到达到零，然后执行所有的awaits。
let i = 3;
while (i) {
(async () => {
await Promise.resolv
浏览 0提问于2019-03-24得票数 17
2回答
如何从JavaScript中的递归生成器函数返回？
javascript、recursion、ecmascript-6
我正在处理一个递归生成器函数，它异步地返回值。我用一个coroutine包装函数来调用它。代码和JSBin如下：
let log = console.log.bind(console);
let err = console.error.bind(console);
function coroutine(generatorFn){
return function co() {
let generator = generatorFn.apply(this, arguments);
function handle(result) {
浏览 3提问于2016-08-26得票数 5
回答已采纳
2回答
如何使异步同步
javascript、async-await
我仍在试图弄清楚异步/等待是如何工作的。
function func1() {
console.log('a');
func2();
console.log('b');
}
async function func2() {
console.log('1');
let value = await new Promise(resolve => setTimeout(function() { resolve('async') } , 2000));
console.log(value)
浏览 4提问于2020-09-24得票数 2
4回答
如何同时从多个异步JavaScript生成器中读取
javascript、generator
我有这样的密码：
const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
async function* foo() {
yield 1;
await delay(100);
yield 2;
await delay(100);
yield 3;
await delay(100);
yield 4;
await delay(100);
yield 5;
await delay(100);
yield
浏览 8提问于2022-07-31得票数 1
1回答
是否有可能将诸如Geolocation.watchPosition()这样的函数包装在承诺中？
javascript、geolocation、async-await、ecmascript-2017
我想知道是否有可能将Geolocation.watchPosition() 封装在一个承诺中，并以它的工作方式与async/await成语一起使用；每当设备的位置发生变化并调用后续函数时，都会不断地返回位置。
// Example Class
class Geo {
// Wrap in Promise
getCurrentPosition(options) {
return new Promise((resolve, reject) => {
navigator.geolocation.getCurrentPosition(resolve, reject,
浏览 7提问于2017-03-02得票数 3
回答已采纳
1回答
如何使用生成器同步执行承诺
javascript、ecmascript-6、es6-promise
下面是我的博客文章：
也就是说发电机可以用来同步承诺的执行。
我知道这是一种糟糕的做法--我们使用的是一个类似GWT的框架(准确地说，是Urweb)，到目前为止，它只理解同步javascript函数返回值。
以下代码摘自那篇文章
{
'use strict';
let asyncTask = () =>
new Promise(resolve => {
let delay = 1000;
setTimeout(function () {
resolve(delay);
}, delay);
浏览 3提问于2017-10-30得票数 0
回答已采纳
2回答
异步、异步和同步在颤振中的区别
flutter、dart
我知道有async，async*和sync*在颤栗。然而，我只知道何时和如何使用async，而不知道async*和sync*。
我知道，当函数体有async时，需要为函数标记await，但是需要标记async*或sync*。
这三者有什么区别？同时，何时以及如何使用它们？如果您能够共享一些关于async、async*和sync*的示例代码，情况会更好。
如果有人能告诉我有什么区别的话，非常感谢。提前谢谢你！
浏览 10提问于2022-10-02得票数 1
回答已采纳
2回答
为什么尝试捕捉异步等待呼叫是可能的？
javascript、ecmascript-6、error-handling、async-await、coroutine
在JavaScript中有一个常见的反模式：
function handleDataClb(err, data) {
if(!data) throw new Error('no data found');
// handle data...
}
function f() {
try {
fs.readFile('data', 'utf8', handleDataClb);
} catch(e) {
// handle error...
}
}
f中的这个尝试捕获不会捕
浏览 0提问于2018-09-20得票数 4
回答已采纳
3回答
异步生成器:产生被拒绝的承诺
javascript、promise、async-await、generator、async-iterator
我一直在玩弄异步生成器，试图创建一个“承诺排序”生成器，该生成器接受一系列承诺，并按照它们解析或拒绝的顺序逐一生成承诺。所以，就像：
async function* orderProms(prom_arr) {
// Make a copy so the splices don't mess it up.
const proms = [...prom_arr];
while (proms.length) {
// Tag each promise with it's index, so that we can remove it fo
浏览 3提问于2020-06-15得票数 5
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
