async / await的问题-如何等待请求
async/await是JavaScript中处理异步操作的一种语法糖，它使得编写异步代码更加简洁和易读。在传统的回调函数和Promise的基础上，async/await提供了一种更加直观的方式来处理异步操作。
使用async/await可以将异步操作的代码看起来像是同步的，而不需要嵌套多层回调函数或者链式调用Promise。它基于Promise，并且可以与任何返回Promise的函数一起使用。
在使用async/await时，我们需要定义一个async函数，该函数内部可以使用await关键字来等待一个异步操作的结果。当遇到await关键字时，函数会暂停执行，直到异步操作完成并返回结果。在等待期间，JavaScript可以继续执行其他任务。
下面是一个使用async/await的示例，展示了如何等待一个请求：
async function fetchData() {
try {
const response = await fetch('https://api.example.com/data'); // 使用await等待请求的结果
const data = await response.json(); // 使用await等待解析响应的结果
console.log(data);
} catch (error) {
console.error('Error:', error);
}
}
fetchData();在上面的示例中，我们定义了一个名为fetchData的async函数。在函数内部，我们使用await关键字等待fetch函数返回的Promise对象。一旦Promise对象被解析，我们可以使用await关键字等待解析后的响应，并将其转换为JSON格式。
需要注意的是，使用await关键字必须在async函数内部。如果在非async函数中使用await关键字，会导致语法错误。
推荐的腾讯云相关产品和产品介绍链接地址：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云开发（小程序开发）：https://cloud.tencent.com/product/tcb
- 云数据库（MongoDB）：https://cloud.tencent.com/product/tcb
- 云存储（对象存储）：https://cloud.tencent.com/product/cos
- 云网络（VPC）：https://cloud.tencent.com/product/vpc
- 云安全（WAF）：https://cloud.tencent.com/product/waf
- 云视频（点播）：https://cloud.tencent.com/product/vod
- 人工智能（语音识别）：https://cloud.tencent.com/product/asr
- 物联网（物联网通信）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送）：https://cloud.tencent.com/product/tpns
- 区块链（区块链服务）：https://cloud.tencent.com/product/bcs
- 元宇宙（腾讯云元宇宙）：https://cloud.tencent.com/solution/metaverse
- 更多腾讯云产品：https://cloud.tencent.com/products
以上是关于async/await的问题的完善且全面的答案。
相关·内容
4回答
不会申请证书，怎么搞？
官方文档、SSL 证书
请描述您的问题
标题：自动诊断结果查看指引 - SSL证书 - 产品文档 - 帮助与文档 - 腾讯云
地址：https://cloud.tencent.com/document/product/400/6760
浏览 347提问于2018-01-28
2回答
为什么函数异步调用另一个异步函数？
javascript、async-await
我以为我理解了如何使用异步，并等待直到我看到下面的代码片段。
因此，有一个onInput事件处理程序函数附加到电影输入文本框。其中称为fetchData异步函数，它使用等待关键字等待axios.get函数的结果。
我的问题是，为什么我们需要使onInput函数也是异步的？我是说，fetchData函数是异步的。这意味着，它将等到axios.get被解析，执行将暂停直到axios.get被解析。因此，当行fetchData(event.target.value)；执行时，将执行fetchData函数，该函数将暂停等待axios.get语句。那么，为什么我们需要在调用fetchData并使onIn
浏览 1提问于2021-05-18得票数 2
回答已采纳
3回答
Javascript:在异步函数中返回promise
javascript
如果我这样做，会有什么不同：
async function test () {
const foo = await bar()
return Promise.all([promise1, promise2])
}
而不是：
async function test () {
const foo = await bar()
const [result1, result2] = await Promise.all([promise1, promise2])
// Given that I don't care about result1, result2 in this
浏览 0提问于2017-01-13得票数 17
回答已采纳
2回答
为什么异步/等待然后产生不同的结果
javascript、asynchronous、google-cloud-firestore、async-await、promise
我只是问这个问题，以澄清和更好地理解javascript的承诺。下面两个代码在我看来非常相似，但是为什么两者给出了不同的结果。如何以.then的方式获得异步/等待.then函数的结果。谢谢。
异步/等待
const getFieldValue = async (collection, userid) => {
let response;
const querySnapshot = await firestore()
.collection(collection)
.where("userid", "==", userid)
浏览 4提问于2021-12-28得票数 2
回答已采纳
1回答
Typescript异步/等待Promise调用差异？
javascript、asynchronous、ecmascript-2016、typescript1.7
如果在Typescript 1.7 / ES7中，我有三个函数：
async function f(): Promise<int> { /* ... */ }
async function g(): Promise<int> {
return f();
}
async function h(): Promise<int> {
return await f();
}
这些调用之间的区别是什么：
g();
h();
await g();
await h();
浏览 30提问于2015-11-24得票数 1
2回答
Async函数返回[对象承诺]
javascript、promise
我试图返回一个异步函数，但我得到的是promise: < { PENDING } >或[object Promise]，而不是[object Object]
我尝试过使用Promise.resolve(value)、Promise.resolve().then(return value)、return new Promise((resolve, reject) => {resolve(value)}返回值
从顶层到底层，我的代码如下所示：
//Top-Level
const getNext = require('getNext');
const next =
浏览 0提问于2019-04-16得票数 0
2回答
异步与标准回调混合
javascript、async-await、es6-promise
我刚刚开始在Javascript中学习Promise，并且偶然发现了async/await。
据我理解，如果我指定一个函数为async，javascript将始终包装我的函数的内容，并返回一个Promise，而不是我返回的任何内容。
让我们假设以下情况：
async function httpRequest() {
oReq = new XMLHttpRequest();
oReq.addEventListener("load", function() {
return this.responseText;
});
oReq.open(&#
浏览 2提问于2019-12-19得票数 1
回答已采纳
2回答
使用等待外部异步
javascript、node.js、asynchronous、ecmascript-6、async-await
有没有办法让javascript await关键字在async函数之外工作？我希望能够冻结整个调用堆栈(而不仅仅是async函数的其余部分)，以便在特定的promise返回值时恢复。不幸的是，像这样强大的await目前还没有实现。我试图让工作，但由于我的自定义加载器和动态函数，不幸的是这是不切实际的。
浏览 1提问于2017-03-10得票数 2
回答已采纳
3回答
为什么for...of等待解决的承诺，而.forEach()却没有？
javascript、loops
在处理承诺的情况下，我很难理解for...of与.forEach()有何不同。
使用这个片段：
const allSettled = async arr => {
const data = []
for (const promise of arr) {
try {
const result = await promise;
data.push(result);
} catch (e) {
data.push(e)
}
}
return
浏览 5提问于2021-02-25得票数 4
回答已采纳
1回答
在ReactNative中获取SQL查询结果
javascript、sql、react-native、expo
我正在开发一个移动应用程序与React。我查询数据库，并使用"SELECT“请求检索数据。
问题是我无法得到这个请求的结果。我想检索这个请求的结果，将所有元素存储在一个列表变量中。
以下是“选择”请求的代码：
listProduct()
{
return new Promise((resolve) =>
{
const db = SQLite.openDatabase('database.db')
db.transaction(
tx => {
tx.
浏览 4提问于2020-05-24得票数 2
回答已采纳
2回答
为什么我需要在另一个函数中再次异步/等待？
javascript、async-await
我很困惑为什么我需要在另一个函数中再次运行异步/等待
示例
async function fetchData() {
try {
const result = await axios.get('http://example.com')
return result
} catch(err) {
return err
}
}
// and in another function I need to async await again
// if I want to get the value of f
浏览 1提问于2019-07-12得票数 1
回答已采纳
2回答
如何让typescript将已解析的Promise<T>视为T类型
typescript、asynchronous、promise
我刚开始使用typescript，我正在创建一些东西，并且面临着当我使用javascript时从未发生过的问题。
假设我们有返回Promise<ResultSet>的async函数
interface ResultSet {
status: number; // 0 for success 1 for failure
data?: any;
}
const getDataFromServer = async (parameter: string): Promise<ResultSet> => {
const response = await fet
浏览 69提问于2020-05-28得票数 0
回答已采纳
2回答
等待Promise.all继续执行
javascript、promise
我想将产品插入数组，然后继续使用该数组。我没有用承诺来赎罪。贝娄是我的密码。这是我想返回一个数组的函数。
const findProduct = async function(request) {
const products = [];
await Promise.all(
request.products.forEach(async product => {
await db
.get()
.collection('products')
.findOne({ _id: product.pro
浏览 1提问于2019-12-27得票数 0
回答已采纳
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
1回答
在Node.js中执行大量http请求的最佳方法是什么？
javascript、node.js、promise、axios
假设有一个有500个产品的商店，每个产品的ID从0开始到500个，每个商店的数据都存储在位于URL (例如myshop.com/1.json、...2.json等)下的JSON文件中。
使用Node.js脚本，我想下载所有这些JSON文件并在本地存储它们。我可以连续这样做：
const totalProductsCount = 500;
try {
let currentItem = 1;
while (currentItem < (totalProductsCount + 1)) {
const product = await axios.get(`https://my
浏览 5提问于2022-03-04得票数 0
回答已采纳
4回答
异步/等待返回结果不承诺
javascript、async-await
我对异步/等待感到非常困惑。我一直在读s/o上的答案，但我不明白异步/等待是否真的做了我想做的事情。
我试图以同步的方式返回异步调用的结果，也许这就是我失败的原因，也许不是为此而做的？我不想返回回调(或许诺)，但结果是一个。
这就是我一直想做的
let namespace = {};
namespace.Test = class{
constructor(){
}
async get(){
let response = await this._load();
let da
浏览 0提问于2019-06-04得票数 2
回答已采纳
3回答
从“异步”函数返回` `void`‘
javascript、typescript
所以我遇到过几次这种情况，我总是忽略它。
在TypeScript中，当我编码时：
async function someAsyncFunc(): void {
const prom = await somePromise();
}
它向我抱怨异步函数应该始终具有返回类型为：Promise<T>。所以它想让我：
async function someAsyncFunc(): Promise<void>
我知道，但是这个方法不返回任何。到目前为止，我总是让步，使用Promise<void>类型，但是这会导致错误，因为TypeScript现在认为这个函数会
浏览 11提问于2020-03-19得票数 0
1回答
async await函数返回promise而不是string
javascript、reactjs、async-await
我是javascript的新手，这里我有一个下面的graphql
getId = async dataId => {
let finalData = await apolloClient.query({
query: GET_DOOR_ORDER,
variables: {
Id: dataId
}
})
return finalData?.value
}
现在，我正在调用这个函数
let orderIdForbuyingSessionsEdit = '';
orderIdFo
浏览 0提问于2020-08-27得票数 1
2回答
异步等待函数的奇怪行为
javascript、function、asynchronous、es6-promise
我有以下异步代码示例：
// Functions
function getSomePromise() {
let a = new Promise((resolve, reject) => {
setTimeout(function(){
console.log("Inside promise...");
resolve("Success!");
}, 1000);
});
return a;
}
async function someWr
浏览 0提问于2018-02-07得票数 1
回答已采纳
1回答
计算/异步数据获取
javascript、json、vue.js、couchdb、pouchdb
我正在尝试创建简单的Vue + CouchDB应用程序。使用Vanilla，这很好，但我没有将数据从数据库中获取，其中包含一个承诺或异步函数，用于我的vue实例。这是我的代码：
app.html
<div id="vue-app">
<table>
<thead>
<tr>
<th>{{ tableHead.name }}</th>
<th>{{ tableHead.lastname }}</th>
</tr&
浏览 0提问于2018-07-16得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
