Async / Await - Promise对象映射功能
Async / Await是一种用于处理异步操作的语法糖，它基于Promise对象映射功能。它使得编写和理解异步代码更加简洁和直观。
Async / Await是ES2017引入的新特性，它通过在函数前面加上async关键字来定义一个异步函数。在异步函数内部，可以使用await关键字来暂停函数的执行，等待一个Promise对象的解析结果，并将其作为返回值。这样可以避免使用传统的回调函数或者Promise链式调用的方式来处理异步操作。
Async / Await的优势在于：
- 简洁性：相比传统的回调函数或者Promise链式调用，Async / Await使得异步代码的编写和阅读更加直观和易懂。
- 错误处理：使用try-catch语法块可以方便地捕获和处理异步操作中的错误，使得错误处理更加优雅和可靠。
- 同步风格：Async / Await让异步代码看起来像同步代码，提高了代码的可读性和可维护性。
Async / Await适用于任何需要处理异步操作的场景，例如：
- 网络请求：可以使用Async / Await来处理发送HTTP请求并等待响应的操作。
- 数据库操作：可以使用Async / Await来处理数据库查询、插入、更新等操作。
- 文件操作：可以使用Async / Await来处理文件读写、复制、删除等操作。
- 定时任务：可以使用Async / Await来处理定时任务的执行。
腾讯云提供了一系列与Async / Await相关的产品和服务，例如：
- 云函数（Serverless Cloud Function）：腾讯云云函数是一种无服务器计算服务，可以使用Async / Await来编写和执行函数，实现按需运行和弹性扩缩容。 产品介绍链接：https://cloud.tencent.com/product/scf
- 弹性容器实例（Elastic Container Instance）：腾讯云弹性容器实例是一种无需管理基础设施的容器化服务，可以使用Async / Await来编写和管理容器实例。 产品介绍链接：https://cloud.tencent.com/product/eci
- 云数据库（Cloud Database）：腾讯云云数据库是一种高性能、可扩展的数据库服务，可以使用Async / Await来处理数据库操作。 产品介绍链接：https://cloud.tencent.com/product/cdb
请注意，以上只是腾讯云提供的一些相关产品和服务示例，其他云计算品牌商也提供类似的产品和服务。
相关·内容
2回答
我对javascript很陌生。据我所知，使用array.map over异步函数会返回承诺数组。我可以使用等待Promise.all来重新实现所有的承诺，然后它会返回我的数据。我想了解如何在对象的键数组中使用asyn函数。据我所知，使用异步函数它从不阻止不重要行的执行，(在这里，其他执行不依赖于url，因此我试图使它成为异步的)
async function showPost() {
const posts = [
{ title: 'a', url: ['q', 'o'] },
{ title: 'b',
浏览 10提问于2022-10-20得票数 0
是否有什么方法可以在非for循环中使用async/await调用异步函数(例如foreach、map)，并在所有异步函数完成后才继续执行rest代码？
const layers = ["layer1", "layer2", "layer3"];
async function connect(layer: string): Promise<object> {
return new Promise((resolve, reject) => {
setTimeout(function () {
浏览 3提问于2018-10-10得票数 1
回答已采纳
引言
想象一下这个获取用户语言的方法：
const getUserLanguage = (userId) => new Promise(
(resolve, reject) => {
if (Math.random() < 0.3) resolve("en");
if (Math.random() < 0.6) resolve("es");
reject("Unexpected error.");
}
);
(async () => {
浏览 11提问于2022-05-02得票数 0
回答已采纳
检查下面的代码
const test = async (id) => {
const result = await new Promise((resolve) => {
setTimeout(() => resolve(` ${id} finished`), 1000);
});
const output = {
result,
};
return output;
};
async function output(ids) {
const result = ids.map(async (id) => {
return
浏览 9提问于2022-09-12得票数 0
回答已采纳
请考虑以下代码(就这个问题而言，就像虚拟示例一样)：
class Image {
protected data: any;
public static setUp = async (_h: any): Promise<Image> => {
const me: Image = new Image();
me.data = await new Promise((resolve) => setTimeout(resolve, 500));
return me;
};
}
class Image2 {
protected data: any;
浏览 0提问于2021-11-22得票数 3
2回答
如何在循环中向sendKeys(value)发送值？
我尝试了不同的选择来找出它，但没有运气。
Numbers.ts
export const Numbers = {
1: '777',
2: '777',
3: '777'
};
Texts.ts
export const Texts = {
1: '111',
2: '222',
3: '333'
};
Code.ts
public async readFromFile(): Promise<void> {
co
浏览 0提问于2018-10-01得票数 1
回答已采纳
在js中是简单的示例
function thenable() {
return ['just function']
}
thenable.then = (resolve) => {
resolve('like a Promise')
}
(async function main() {
//behave like a function
const functionResult = thenable()
//behave like a Promise
const promiseLikeResult = await thenab
浏览 2提问于2021-07-20得票数 0
回答已采纳
我想使用async/await从rxjs获取一个列表。我该怎么办？
function getData(num){
return new Promise((resolve, reject)=>{
resolve(num + 1)
})
}
async function create(){
var list = await Rx.Observable.range(1, 5).map(async (num)=>{
const data = await getData(num)
return data
})
浏览 0提问于2016-06-03得票数 9
回答已采纳
3回答
使用下面的代码片段，函数应该等待从对象条目node映射的所有承诺。例如，$eval函数来自剧作家库，并抛出一个错误，因为执行评估的目标文档将在等待承诺时关闭。
上面的错误可以通过嵌套另一个await Promise.all来修复，但是我不明白为什么外部await Promise.all没有正确地处理内部循环，因为我要返回一个Promise数组
const tableBodyRows = await page.locator(`tbody >> tr`).elementHandles()
await Promise.all(
tableData[pageI
浏览 4提问于2022-08-08得票数 0
回答已采纳
我试图获取一个承诺对象，并创建一个同时解析它们的函数，其中每个承诺的结果都独立于其他承诺(基本上是Promise.allSettled)。然后，它应该以与原来相同的形状返回结果(键的对象和值是已解析的承诺)。
我的工作逻辑是明智的，但我很难让这些类型发挥作用。在运行完Promise.allSettled之后，它将失去这些函数返回的类型，而且我还很难用这些类型构建从loadData返回的对象。任何提示都将不胜感激。
interface DataToFetch {
[propKey: string]: ()=> Promise<any> // Assuming '
浏览 15提问于2022-10-17得票数 0
回答已采纳
1回答
我有一个函数在我的智能合同返回元组，我想返回所有的值显示在我的反应应用程序，我使用Promise.all取回所有的数组，但我得到一个错误，说data.map不是一个函数。
Console.log(数据)返回智能契约中元组中存储的所有数组。
// fetchsubscribersData
async function fetchsubscribersData() {
const data = blockchain.smartContract.methods.fetchAllsubscribers().call();
const items = await Promise.a
浏览 5提问于2022-04-29得票数 -1
我的界面：
interface MeetingAttributeRecords {
branches: Array<Promise<any>>;
worshipStyles: Array<Promise<any>>;
accessibilities: Array<Promise<any>>;
}
我的控制器的简化版本：
export const getAllMeetings = async (req, res) => {
const meetings = await query(
`SELEC
浏览 1提问于2018-10-09得票数 1
1回答
在类型记录中，我习惯于编写如下异步代码：
async function foo() // returns a promise
return new Promise<string>( resolve, reject) {
resolve('Hello!');
});
async function bar() {
s: string = await foo();
}
async function baz() {
foo().then((s: string) { alert(s); }
我将如何在python (>=
浏览 2提问于2020-08-10得票数 4
回答已采纳
这个承诺创建了一个像这样的数组，从控制台获取：
(6) [Promise, Promise, Promise, Promise, Promise, Promise]
0: Promise {<fulfilled>: undefined}
1: Promise {<fulfilled>: undefined}
2: Promise {<fulfilled>: undefined}
3: Promise {<fulfilled>: undefined}
4: Promise {<rejected>: SyntaxError: Unexpe
浏览 0提问于2021-08-26得票数 0
回答已采纳
我试图在一个数组中放入多个promises，当我通过控制台promiseArray得到一个空数组时，我不知道它是如何打印一个空数组的。userRecord是身份验证者，在我正在解析的电子邮件中，我正在尝试以这种方式解决问题
const fn = async campaign => {
const promiseArray = [];
if (campaign.stage === "active") {
userRecord.map(async data => {
if (data.email !== "" &&am
浏览 0提问于2020-06-02得票数 0
如果我有一个async函数，是否必须在调用链中重复使用await关键字，即使被调用的方法被标记为async并使用await关键字本身？
async function foo() {
const result = await bar(); // is this await required?
console.log(result);
}
async function bar() {
console.log('waiting...');
return await new Promise(resolve => setTimeout(() => res
浏览 3提问于2017-07-27得票数 0
回答已采纳
1回答
在我们当前的项目中，我们使用一个Observable，如果值发生变化，我们必须进行其他api调用。例如，如下所示(authorizedModules$是一个可观察对象)： ngOnInit(): void {
this.authorizedModules$
.pipe(
takeUntil(this.onDestroy$),
switchMap(async () => this.load())
).subscribe();
}
async load(): Promise<void> {
const f
浏览 16提问于2021-04-09得票数 0
我试着理解.then()函数如何得到这样的两个参数。
const promise = doSomething();
const promise2 = promise.then(successCallback, failureCallback);
或
const promise2 = doSomething().then(successCallback, failureCallback);
但是我想像这样将两个参数.then()转换为async/await。
const result = await doSomething()
// execute successCallback if succ
浏览 6提问于2022-04-09得票数 0
回答已采纳
我想要创建一个函数
reachablefinally 接受一个URL数组作为输入，然后检查其中哪个是URL，然后将过滤后的URL作为一个新的数组返回。
当我只检查数组的一个URL时，它就起作用了。但是，我无法找到一个解决方案来遍历数组的所有元素，直到收到所有响应后才返回新的数组。
这是我的代码：
const https = require("https");
async function checkurl(url) {
return new Promise((resolve, reject) => {
let req = https.get(url, fun
浏览 4提问于2021-11-25得票数 0
回答已采纳
我写了这个函数但是它抛出了一个错误我不明白为什么..。
const createObject = async (): Promise<MyType> => {
await Promise.resolve();
return {
async foo() {
await this.bar();
// do something else
},
async bar() {
await Promise.resolve();
// do something here
}
};
};
interf
浏览 4提问于2020-12-13得票数 3
回答已采纳
1回答
模拟函数返回未定义
、、、
我有这个函数： export const getGroups = async () => {
if (userData !== false) return Promise.resolve(userData);
try {
const groupApiUrl = getDashboardPath(GROUPS_TAB_INDEX);
const data = await fetch(groupApiUrl);
userData = await data.json();
return Promise.resolve(userData);
} c
浏览 21提问于2020-03-28得票数 0
1回答
在下面的代码中，我对每个异步函数都使用了await Promise.all，该函数最终返回一个值。因此，我想问一问:是否有必要对每个异步函数使用await Promise.all，还是一个等待(放在最后一个) await Promise.all来完成这个任务？
async sendEmailNotifications() {
const users = await User.find({ })
const promises = users.map(async(user) => {
const _promises = user.appId.map(async(app) =
浏览 0提问于2019-05-10得票数 4
回答已采纳
我花了很多天来找到使用服务帐户验证google admin api的方法。现在我有了新的错误消息： 错误:缺少本机promise，请将fetch.Promise设置为您最喜欢的替代方案 下面是我的代码： require('../global')
const fs = require('fs');
const {google} = require('googleapis');
const KEYFILE = global.service_account;
const SCOPES = global.scopes;
(async functio
浏览 16提问于2021-06-25得票数 0
2回答
我正在从多个API检索数据，这些数据将被聚合到一个最终的数组中，我打算在其中映射并在UI中显示(使用React)。因此，为了更好地了解上下文，我有这样的场景。 首先，我从主API中检索主要数据 const response = await getFirstData() // returns an array
const [secondResult, thirdResult, fourthResult] = await Promise.all([
response.map(async (item) => await secondApiRequest()),
response.map
浏览 55提问于2021-04-16得票数 2
我不知道如何正确响应我的组件。 我得到了这个错误： Type 'Promise<AnyTransaction>[]' is not assignable to type 'AnyTransaction[]'.
Type 'Promise<AnyTransaction>' is missing the following properties from type 'Transaction<any, any, any, any>': id, feeLookup, sender, receiver,
浏览 11提问于2020-10-06得票数 0
回答已采纳
2回答
我一直在搞砸取消承诺的想法，这是一种使用高阶函数的透明方式。我想出了这个：
export const fnGetter = state => fn => (...args) => {
if (!state.canceled) return fn(...args)
return Promise.resolve()
}
export const cancelable = (promise, state = {}) => {
const getFn = fnGetter(state)
return {
then: fn => cancelab
浏览 11提问于2020-05-03得票数 1
回答已采纳
我正在合并两个不同的next.js项目，以创建一个可以利用cardano钱包'Nami‘的站点。虽然访问钱包的代码在它自己的项目中工作，但是将代码移到上面会产生一些错误，我认为这些错误来自于react版本的不同。大多数包版本是相当接近的，如果它们是在两者之间共享的话，但是在工作的Nami项目中，类型记录版本是17.x.x，而正在进行的构建是18.x.x。尽管如此，当在这个新构建中运行以下代码时，我得到了第14行中的错误"TypeError: setIsEnabled不是函数“，但在另一个项目中，相同的代码运行良好。想知道哪里出了问题，任何集成的提示都会非常感激！
nami-bu
浏览 4提问于2022-08-22得票数 0
1回答
我正在尝试使用下面的示例代码，但没有正常工作，您知道有谁能友好地建议方法或做什么改变。
getText: async function() {
return await new Promise(async function(resolve, reject) {
return await protractor.element(protractor.by.css('simple-snack-bar>span,.mat-simple-snackbar > span')).isPresent().then(async(isPresent) => {
浏览 5提问于2022-02-08得票数 0
回答已采纳
2回答
嗨，对我来说，异步和等待是安静的，新的.I有函数调用，这需要等待方法，因此我需要使用异步和等待。我正在得到这些值，但它们不太符合规则。
下面是我的异步和等待映射函数
items.map(async (item) =>{
const itemx = await
Promise.all([w.getFileByServerRelativeUrl(item.FieldValuesAsText.FileRef).getItem()]);
var likes = await Promise.all(itemx.getLikedByInformation());
const com
浏览 1提问于2019-11-27得票数 1
回答已采纳
我正在尝试处理一个数组中的所有图像，并将所有处理过的图像推送到其他数组中。 处理过程是异步运行的，所以我使用await Promise.all来等待，直到所有的图像都被处理完毕。无论如何，当代码完成时，数组是未定义的。 下面是我正在做的事情： async function processImage(image) {
// ... stuff
return new Promise((resolve, reject) => {
(async () => {
// Validate each image uploaded by the use
浏览 15提问于2020-08-05得票数 0
现在这段代码运行得很好
async *[Symbol.asyncIterator](){
var promise;
while (true){
promise = this.#HEAD.promise;
this.size--;
this.#HEAD.next ? this.#HEAD = this.#HEAD.next
: this.#LAST = void 0;
yield await promise;
};
};
比如说，如果我不想使用async / await抽象，那么我如何实现相同的功能？
我天真地尝
浏览 4提问于2021-03-09得票数 1
在下面的代码中，a和b是传递给settleAll的数组参数中类型的OR列表。
(async () => {
const settleAll = async <T>(promises: T[]): Promise<Awaited<T>[]> => {
const results = await Promise.allSettled(promises);
return results.map(result => (result as PromiseFulfilledResult<any>).value);
}
浏览 21提问于2022-02-21得票数 0
回答已采纳
我有一个异步等待处理程序： const asyncHandler = async <Type>(
promise: Promise<Type>
): Promise<[Type, null] | [null, string]> => {
try {
const response = await promise
return [response, null]
} catch (error) {
console.log(error)
return [null, error]
}
}
export defa
浏览 19提问于2021-07-06得票数 0
我自己解释一下：
我想要做的是对其中一个库(async或bluebird)使用async/await。
我不明白为什么这样做效果很好：
const promises = Promise.map (someArray, async item => {
const result = await getSomething(item);
return {...item, ...result}
});
const promisesResults = await Promise.all(promises);
但是和async.map一样，它不
浏览 0提问于2019-03-07得票数 0
1回答
在大多数情况下，我认为我理解异步函数在JavaScript / Node.js中是如何工作的，并且熟悉async/await的语法。但这个问题是关于一个非常具体的案例，我似乎在任何地方都找不到，我认为它涉及到await的内部工作，这是我所无法理解的。
首先，我将从一个简单的示例开始，然后将其扩展到实际的工作代码。(注意:我实际上使用的是类型记录，所以您将看到void而不是undefined，但这对问题并不重要。)
async function subtask() {
// doSomeStuff();
return; // returns a `Promise<void&
浏览 1提问于2018-10-03得票数 0
回答已采纳
我试图了解一些关于以下行为的承诺。
当我push向promises数组承诺时，console.log就会被执行。我认为这是因为当我push的时候，我实际上执行了承诺。
但是当我尝试做Promise.all时，我没有看到相同的console.log消息被打印出来，这只是沉默。我可以看到每个resolve的返回值，如果我将它们从Promise.all和console.log中分解出来，但是，同样，我看不到console.log消息(比如Printed for promise A during push)。
为什么会发生这种情况？
import * as React from "react&
浏览 1提问于2022-01-24得票数 1
回答已采纳
我正在使用Firebase函数来获取用户数据。由于Firestore查询的" in“查询限制为10，所以我必须在循环中运行异步标注。
我不能在循环中执行异步标注，所以我必须同步地将这些标注推入数组中，然后调用await Promise.all()来在循环之外运行这些标注。
当我这样做时，我会收到来自Firestore的一个错误。
TypeError:无法读取未定义属性的“减少”
我可以看到，结果的价值是一个承诺。所以我一定是写错了reduce或Promise.all() .
如果我能看到这个价值是一个承诺，为什么这个承诺会以undefined的形式出现
const buildCha
浏览 3提问于2020-08-04得票数 0
回答已采纳
// users.hooks.js
const userDeletion = require('../userdeletion/userDeletion');
const triggerUserDeletion = () => {
return async (context) => {
const userDeletionRes = userDeletion(context);
const userDeletionResRes = userDeletionRes(context);
await Promise.all(
[u
浏览 5提问于2022-11-07得票数 1
回答已采纳
我正在编写一个rejectOnTimeout()函数，如果promise没有在ms中完成，它应该返回一个带有timeout_error值的rejected promise，或者返回一个反映原始promise行为的promise。 我想，我得到的答案是正确的。但是我不理解错误Expected one assertion to be called but received zero assertion calls的含义。 在这种情况下，我做错了什么？ const delay = require('delay');
/**
* @param {Promise} origi
浏览 38提问于2021-10-17得票数 1
回答已采纳
2回答
我试图检查使用函数式编程的文件列表是否都是图像。
有些操作是异步的，所以在传递到新操作之前，必须等待它们完全完成。
const filteredFiles = ['favicon.ico', 'site.webmanifest', 'browserconfig.xml'];
const fileBuffers = await Promise.all(
directory.files
.filter(file => !filteredFiles.includes(file.path))
// get a
浏览 0提问于2020-02-05得票数 2
1回答
我有以下功能，我正在尝试将一组地图返回到我的颤音应用程序
export const usersFromContacts = functions.region('europe-west1').https.onCall(async (data, context) => {
Authentication.authenticate(context);
const phonenumbers = Validator.validateArray<string>('phonenumbers', data['phonenumbers
浏览 2提问于2020-05-07得票数 0
回答已采纳
1回答
理解异步/等待和承诺
、、、
我在node.js v18.2.0中工作，下面是我的代码：
async function res_asyncf(){
await setTimeout(r => {}, 1000);
}
const res_promise = new Promise(async r => {
await setTimeout(r, 1000);
});
async function not_res_asyncf(){
while(true){ }
}
const not_res_promise = new Promise(async r => { });
(async ()
浏览 3提问于2022-06-02得票数 0
2回答
是否有机会从getDataFromApi()返回helpMe函数值？到目前为止，每次我调用这个函数时，我都会得到"null“值。
async function helpMe() {
let promise = null;
let sub = someService.someObservable.subscribe(async () => {
promise = await getDataFromApi()
})
subscriptions.p
浏览 1提问于2019-07-01得票数 1
我想要一个令牌来验证用户的身份。我用import { Storage } from '@ionic/storage-angular';保存数据，问题是Storage方法只是在async模式下工作。
这是存储服务
import { Injectable } from '@angular/core';
import { Storage } from '@ionic/storage-angular';
@Injectable({
providedIn: 'root'
})
export class StorageService {
浏览 7提问于2022-04-26得票数 0
回答已采纳
我有一个对象数组，这些对象有时只需要一个服务调用。需要服务调用的对象需要一段时间才能填满，因此我最终得到了一个不需要服务调用的对象数组，然后是最后的其余对象。
我已经尝试了async / await，promise，以及常规订阅。我对rxjs非常不确定，所以我不确定是否有更好的方法来使用可观察对象和管道运算符来做到这一点
public getComments(cars: any) {
cars.forEach( async car => {
if(car.status === '1') {
// trying async / await
浏览 8提问于2019-08-01得票数 0
回答已采纳
2回答
我正在使用Nest来安装我的服务器。我试图从Postman中获取数据，以测试API urls是否有效。但是，我发现从服务器获得空响应，或者从postman请求获得未定义的值。下面的代码是users.controller.ts
import {
Body,
Controller,
Delete,
Get,
Header,
Param,
Post,
Put,
} from '@nestjs/common';
import { User } from './users.entity';
import { UsersService } f
浏览 1提问于2021-09-29得票数 0
在fp-ts中，我试图将一些可能失败的异步任务与TaskEither一起链接起来，但我需要使用中间任务的结果。
在本例中：
const getFoo = (a: string): Promise<Foo> => {};
const getBar = (foo: Foo): Promise<Bar> => {};
const mkFooBar = (foo: Foo, bar: Bar): Promise<FooBar> => {};
const async main1: Promise<FooBar> => {
co
浏览 4提问于2019-10-25得票数 10
回答已采纳
1回答
--这是一个抛出的项目，只是为了练习从mongoDb中操作数据。我正在尝试从id的数组中筛选现有的项目：
// filter mongo data from array of id's
const ides = [
"61f20a5ea86d68cddaaf4207",
"61f82139abe2f2236f0b65c3",
"61f8213dabe2f2236f0b65c5",
"61f82140abe2f2236f0b65c7",
];
const getItems = async (items)
浏览 5提问于2022-01-31得票数 -1
1回答
这是怎么回事？
我正试图通过params毁掉一个模型。但当我尝试销毁时，它在控制台上显示此错误。
(node:13350) UnhandledPromiseRejectionWarning: TypeError: results.map is not a function
at Query.handleSelectQuery (/home/vagnerwentz/Documents/freelance/autoparanaiba-api/node_modules/sequelize/lib/dialects/abstract/query.js:261:24)
at Query.
浏览 0提问于2020-05-22得票数 0
假设我将全局Promise对象替换为Bluebird promises (比如支持取消)。如果我随后使用async/await编写函数 async function foo() {
const response = await fetch(...);
const result = doSomethingWith(response);
return result;
} 在这里返回什么样的承诺？ IIRC当代码被编译成ES5时，它确实会返回一个可取消的Bluebird promise，因为async/await被转换为在内部使用全局Promise对象。但在ES7中，异步/
浏览 20提问于2019-12-20得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
