我如何正确地等待javascript中异步函数的返回？
在JavaScript中，异步函数的返回通常需要使用回调函数、Promise对象或者async/await来处理。下面是针对不同情况的等待异步函数返回的方法：
- 使用回调函数：
- 定义一个回调函数，在异步函数完成后调用该回调函数，并将结果作为参数传递给回调函数。
- 在调用异步函数时，将回调函数作为参数传递给异步函数。
- 在回调函数中处理返回结果。
- 示例代码：
- 示例代码：
- 使用Promise对象：
- 创建一个Promise对象，并在异步函数完成后，调用resolve方法将结果传递给Promise对象。
- 使用then方法来处理Promise对象的返回结果。
- 示例代码：
- 示例代码：
- 使用async/await：
- 在异步函数前面加上async关键字，使其成为一个异步函数。
- 在调用异步函数时，使用await关键字等待异步函数的返回结果。
- 使用try/catch语句块来处理可能的异常。
- 示例代码：
- 示例代码：
以上是在JavaScript中等待异步函数返回的几种常用方法。根据具体的需求和场景，选择合适的方法来处理异步函数的返回结果。对于腾讯云相关产品和产品介绍链接地址，可以根据具体的需求和场景，在腾讯云官方网站上查找相关信息。
相关·内容
2回答
我刚刚开始在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
回答已采纳
我的页面使用PowerBi embedded，我希望能够以javaScript格式将报告中的当前筛选器返回给服务器。
调用非常简单，只需在javaScript中调用report.getFilters()即可。不幸的是，对我来说，它返回一个承诺。如何将其转换为同步呼叫？
浏览 14提问于2021-05-18得票数 0
2回答
鉴于Python的背景，我一直试图学习JS并发模型。
在Python中运行以下代码：
async def myFunction():
print("abc")
myFunction()
什么都不会打印出来。在JavaScript中运行以下代码：
async function myFunction() {
console.log("abc")
}
myFunction()
将打印"abc"。在这两种情况下，我都没有await myFunction，但是评估是不同的。
我理解为什么Python程序什么也不打印。myFunction
浏览 4提问于2021-01-06得票数 4
回答已采纳
我试着这样做：-
state = {
profiles: [],
data: []
}
async componentDidMount() {
try {
// this commented code works. But I want to use axios api.
// const response = await fetch(`http://localhost:8080/all/profile`);
// const json = await response.json();
// this.setState({
浏览 2提问于2020-02-29得票数 0
回答已采纳
1回答
我想知道如何冻结/停止JavaScript执行直到函数完成(使用JavaScript/NodeJS)。
控制台中的第一行代码显示了对使用的警告，JavaScript执行被冻结/停止，直到用户单击ok。
这样做后，第二行代码将继续执行。
现在，我知道我应该使用异步函数来完成这个任务，但这不起作用，下面是加载在电子webview预加载脚本中的节点代码
global.alert = async (text) => {
//replace it with custom alert!
ipcRenderer.sendToHost('ShowAnAlert'
浏览 0提问于2020-04-08得票数 1
我需要以同步的方式获得Javascript 对象的值。
我知道Javascript中的对象是如何工作的，它的优点，以及如何使用then方法处理值，但是有一些用例，特别是对于Node.js (但这也适用于浏览器引擎)，您只需要返回值，但是您正在调用一个返回承诺对象的API，您不能更改该API的签名，或者消费者API。
例如，在Java中，您有一个get()方法，它允许您在必要时等待操作的完成(阻止执行)，然后返回其结果。即使您有一个get(timeout,unit)，如果等待超时，在启动TimeoutException之前要等待的最长时间。
我的问题是这样的：
api1.setCallBackT
浏览 4提问于2016-05-13得票数 5
回答已采纳
5回答
我正在尝试理解JavaScript异步/等待。我如何重写以下内容，使输出为“嗨”然后“再见”，而不是“再见”，然后是“嗨”：
sayHi()
.then(sayBye);
async function sayHi() {
await setTimeout(function() {
$("#myOutput").text('hi');
}, 1000);
}
async function sayBye() {
$("#myOutput").text('bye');
}
浏览 0提问于2018-01-22得票数 2
回答已采纳
2回答
我有两个异步方法返回值，其中一个是立即需要的，另一个可能正在使用，根据第一个结果。但是，我不想在开始第二个方法并创建一个执行序列依赖之前等待第一个结果。
使用ES7语法，我假设await-ing a Promise将与返回Promise的函数await-ing相同，但它不起作用：
async function tester() {
async function foo() { await setTimeout(() => {}, 2000)}
async function bar() { await setTimeout(() => {}, 1000)}
l
浏览 1提问于2016-01-05得票数 2
回答已采纳
我是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
4回答
我只是从php切换到全职js。我尝试在javascript函数中使用清理代码，但仍然混淆了如何处理它。
for(let i in allEmpData) {
let emp = allEmpData[i]
if(empData == null) {
const addEmp = new Employee()
this.addEmpFn(addEmp, emp)
}
if(empData != null) {
this.addEmpFn(empData, emp)
}
}
我调用函数addEmpFn，因为我将创建/更新
浏览 0提问于2019-03-22得票数 0
回答已采纳
1回答
堆栈溢出存在大量有关此错误的问题。每个人都有自己的背景。我尝试了大部分建议的解决方案，但都没有奏效。我对考拉和猫鼬也很陌生。
"use strict"
const Koa = require('koa')
const Router = require('koa-router')
const router = new Router()
const mongoose = require('mongoose')
const Pug = require('koa-pug')
const app = new Koa()
co
浏览 3提问于2017-09-27得票数 0
回答已采纳
2回答
我有清单任务，这些任务做一些无关的工作。我需要的是显示消息框，以防所有任务都正确地完成了工作。我试过几种方法，但没有一种方法适合我。可以使用最简单的方法
Task continuation = Tasks.WhenAll(tasks);
continuation.ContinueWith(obj => {
show messagebox
});
但是ContinueWith仍然运行于所有任务，而不仅仅是继续任务。我试图设置取消令牌或使用符号，但任务同时运行，因此无法工作。
我将非常感谢您的帮助。
浏览 2提问于2015-10-26得票数 1
回答已采纳
1回答
我使用带有Javascript的File。
我需要等待onload方法的完成，我该如何做呢？
reader.onload = function (e) {
contents = reader.result;
var addAttchCallBack = loadRequestExecutor();
addAttchCallBack.done(function (data) {
alert("ok");
})
};
alert("Ko");
我总是在"Ko“之前看到
注:函数loadRequestExe
浏览 3提问于2014-04-02得票数 0
1回答
我是JavaScript的新手。我在使用discord.js方面有问题。
var category = ctx.guild.channels.create("Name", {type: "category"});
console.info(category.id);
输出：
undefined
我不能使用任何类别的属性。我该如何解决这个问题？
浏览 3提问于2021-05-03得票数 1
回答已采纳
1回答
我有一个连接类，我正在尝试弄清楚如何在JavaScript方法中使用新的async/await关键字。 module.exports = class {
constructor(url) {
if(_.isEmpty(url)) {
throw `'url' must be set`;
}
this.url = url;
this.client = new MongoClient(url, {
useNewUrlParser: true
}
浏览 14提问于2019-02-12得票数 0
回答已采纳
2回答
我想验证和设置一个在防火墙集合的ID。现在，我只是试图从集合查询中获得一个id号，并将其发送到需要它的函数。下面是需要id#的函数。
const data = lastCustIdGrab(); console.log(`Last number ${data}`);
这是发信人。我可以在控制台日志中获得文档Id，但不知道如何将其发回。
exports.lastCustIdGrab = () => {
db.collection('Customers')
.orderBy('createdAt', 'desc')
.limit(1
浏览 5提问于2021-07-06得票数 0
回答已采纳
3回答
我在js中有一些简单的承诺：
let link = "https://jsonplaceholder.typicode.com/posts/1";
fetch(link)
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error));
..。我想把它翻译成“异步等待”，就像下面这样：
浏览 1提问于2018-03-23得票数 1
我已经很久没有使用JavaScript了，现在我正在尝试理解异步/等待关键字的含义。我发现并阅读了关于MDN ()的教程，这给我留下了两个问题。
本教程说，当我想在另一个异步函数中调用异步函数时，我必须使用await。为什么？
如果我正确理解，async使函数可以运行到另一个线程中。因此，每次我调用一个带有这个关键字的函数时，我都会创建一个新线程，并得到这个线程的承诺。如果在异步函数中做不到，是否意味着JavaScript中的线程不能生成另一个线程？浏览器似乎只能运行两个线程:一个主线程和一个额外线程。这使得JS中所有那些花哨的多线程功能都变得有点稀薄了。
await不能在异步
浏览 1提问于2020-06-06得票数 0
回答已采纳
2回答
我很难理解如何正确地终止消防局的扳机。根据我从和中所读到的内容，如果没有异步代码，比如如果不满足条件，就应该返回null来结束函数。当我在下面的场景中返回null时，它似乎工作得很好。有什么更好的方法来练习我正在做的事吗？
我需要记录我自己的自定义错误消息，这就是为什么我需要捕获。我知道我可以在这里返回Promise.all，而不是在try块中返回null，但这只是我的场景的sudo代码。
export const delacc = functions.auth.user().onDelete(async (user) => {
const userUID = user.uid;
浏览 5提问于2022-03-20得票数 0
回答已采纳
2回答
我很难在nodejs中正确地做到这一点。它试图并行地做两件事：
使用axios下载网页
创建一个目录
当这些工作完成后：
异步地将结果保存到de创建目录中的文件中。
然后等待直到完成
const uuidv1 = require('uuid/v1')
const fs = require('fs')
const util = require('util')
const axios = require('axios')
const path = require('path')
con
浏览 3提问于2017-12-25得票数 0
我定义了以下JavaScript函数
async isDataValid (externalValidation = true) {
const isValid = (await this.v$.$validate()) && externalValidation
// other stuff not relevant to my question happens here
return isValid
}
AFAIK，我需要将它定义为async函数，以便等待this.v$.$validate()的结果。
因为isDataValid本身就是async，所
浏览 13提问于2022-11-09得票数 2
因此，来自Javascript世界的我可以处理抛出的异常，无论它在堆栈中处于什么位置。在Dart中执行相同的操作不起作用。我不确定如何向上传递异常，以便在堆栈的根部进行处理。 willThrow() async {
throw Exception('Im an exception');
}
init() async {
final illNeverExist = await willThrow();
print(illNeverExist);
}
main() {
try {
init();
} catch(err) {
p
浏览 18提问于2019-05-18得票数 3
回答已采纳
我已经做了一些搜索，但没有找到关于哪些函数需要等待的明确答案。或者可能我没有正确使用“函数”这个词。 我最感兴趣的是Javascript中的内部函数，比如.replace()。我们需要等待这一切吗？ 换句话说，这段代码： let cusName = 'Unknown Name'
cusName = cusName.replace('Unknown', '');
console.log(cusName); 是否可以保证每次都会记录“Name”？如果服务器运行得有点慢怎么办？如果它运行了十亿次，有没有可能“未知的名字”被记录下来？ 或者重要的是
浏览 11提问于2020-04-02得票数 1
最近，我在JavaScript中的数组上使用内置的for函数时遇到了一些问题，我通过使用标准的for循环来解决这个问题。我查看了StackOverflow上的文章，以找出这两种方法(以及我为之测试的forEach() )之间的区别所在。我知道map()通过执行提供的函数来创建一个新的数组，而forEach() (我也相信for )没有创建一个新的数组。
有谁能解释一下这些函数的执行方式有什么不同？
经过测试的场景: ReactJS中的前端通过http请求从后端接收数据。接收到的数据包含对象数组，其中一个属性是base64字符串中的图像。我定义了将每个图像转换为图像对象(使用Jimp)、倒置颜色
浏览 0提问于2019-03-11得票数 0
回答已采纳
1回答
本机模块中的异步等待
、、、
我正在学习如何使用，现在我被困在异步/等待管理上。我不明白如何处理本机函数接收具有异步函数的对象的情况。
Javascript：
const addon = require('bindings')('addon');
class Foo {
async doAsync() {
...
}
}
const useFoo = () => {
const foo = new Foo();
await addon.doStuff(foo);
}
原生：
#include <napi.h>
using
浏览 10提问于2019-07-07得票数 1
我正在为IOT类型的应用程序构建一个快速的API。其结构是，我有一个带有latestValue1和latestVoltage值的传感器文档。每个传感器文档也有一个读数集合(比方说，每小时一次日志)。
Set函数可以很好地更新latestValue1和latestVoltage，但我很难想出如何创建阅读集并向其中添加文档--下面的代码给出了TypeError: document.collection不是函数
app.put('/api/update/:item_id', (req, res) => {
(async () => {
try {
浏览 2提问于2020-11-11得票数 1
回答已采纳
我有一个函数，应该使用Firebase管理API getUser(uid)函数返回用户的电子邮件，
function getEmail(uid){
var email;
admin.auth().getUser(uid)
.then((userRecord) => {
return userRecord.email;
})
.catch((error) => {
console.log('Error fetching user data:', error);
});
}
但是在我的另一个函数中，当我创
浏览 2提问于2022-11-09得票数 0
有谁能帮我做以下几件事吗?我是新手，在Javascript中等待异步\等待：
我有一门琐碎的课：
function Thing()
{
}
Thing.prototype.ShowResult = function ()
{
var result = this.GetAsync();
alert(result);
}
Thing.prototype.GetAsync = async function ()
{
var result = await this.AsyncFunc();
return result;
}
Thing.prototype.As
浏览 9提问于2020-07-13得票数 5
回答已采纳
tldr如何从Promise中设置类变量
我正在猛烈抨击我的头，因为我太愚蠢了，不能在javascript中使用async/await。当然，有很多例子和博客文章，但它们只是将结果then'到console.log中，这是我不需要的。
我的用例非常简单，我想使用fetch从json加载翻译(如果它们还没有加载)，然后使用函数translate返回翻译后的值。
我想如果我使用then，那么执行就会暂停，直到Promise解析或失败。
class Test {
constructor() {
}
/**
* Loads translations
浏览 50提问于2018-09-10得票数 2
必须在包含的函数上使用异步关键字才能在函数体内使用等待。
async function fetchMovies() {
const response = await fetch('/movies');
console.log(response);
}
fetchMovies();
在异步 fetch()调用完成后，将使用等待进行阻塞。从代码中可以看到，函数fetchMovies()甚至没有返回任何值。即使是这样，它也会影响调用方使用返回值的方式，但是为什么它对函数主体对另一个异步调用的调用很重要呢？
我的问题是，为什么是必需的？有什么很好的解释吗？它是否与实际实现的需
浏览 3提问于2021-02-09得票数 26
回答已采纳
有一个名为contents.json的简单JSON文件，我使用这个纯JavaScript代码在本地主机中获取数据，所以我的问题是是否有更好的方法来进行这种数据提取。
JavaScript
function fetchData(){
fetch('http://localhost:5500/proje/contents.json').then(response => {
return response.json();
}).then(data => {
console.log(data.Contents);
浏览 1提问于2020-11-14得票数 1
2回答
最初的问题是："Vanilla javaScript DOM查询。在继续之前，如何确保异步代码已经在前端完成？“
，但我更改了标题，这样就可以更好地搜索查询，并显示答案中实际提供的信息。
您会注意到，根据我提供的代码，我认为DOM操作是异步的。答案指出，事实并非如此。
如果这样的代码是异步的：
let elements = document.querySelectorAll('div');
那么，在遍历所有“div”元素之前，如何确保所有的“div”元素都存储在变量“元素”中？
let elements = document.querySelectorAll('
浏览 1提问于2018-02-08得票数 3
我正在处理类型脚本。我正在尝试从异步method.However返回值，它始终返回{}。下面是我编写的代码。 async returnNewUrlAfterClickingLink(): Promise<string> {
const allHandles = await browser.getAllWindowHandles();
await browser.switchTo().window(allHandles[2]);
const cur_url = await browser.getCurrentUrl();
console.lo
浏览 29提问于2020-06-24得票数 0
我希望能够使用异步关键字，但是我希望我的类型记录能够编译成es5代码，这样我的代码就可以在普通用户浏览器中运行。当我试图在visual代码中使用async时，会出现此错误。
异步函数只有在针对ECMAScript 2015或更高版本时才可用。
我认为以es6为目标意味着编译类型记录的输出javascript将是es6，而es6在大多数浏览器上还不能工作？
这是我的tsconfig.json
{
"compilerOptions": {
"target": "es5",
"module": "sy
浏览 2提问于2016-11-28得票数 9
回答已采纳
4回答
我对Javascript很陌生，在处理异步/等待方面遇到了困难。下面是我的代码，根据我的理解，在foo中添加等待放置--暂停--函数，它应该在checker()上暂停代码并移到运行foo之外的命令，而是在console.log('the end')之前执行checker()函数。
function checker() {
console.log('inside checker');
return "Ok"
}
async function foo() {
let a = await checker(); // Shoul
浏览 7提问于2022-06-07得票数 0
回答已采纳
2回答
异步事件和异常
、、
在ES7中，我们将为JS提供async和await关键字。对于常规函数，它看起来非常有前途。但是我们如何处理异步事件中的异常呢？
例如
async badFunc()
{
throw "bad";
}
var reader = new FileReader();
reader.onload = async function ()
{
await badFunc();
}
根据我的理解，async函数将是一个语法糖，它将在幕后使用Promise的resolve和reject函数，所以只有当调用者使用await关键字时，才会捕获异常。
在上面的例子中，await
浏览 1提问于2018-01-01得票数 2
我试图弄清楚我是更喜欢.then().catch还是asyc/await，所以我一直在重写我的一些代码，看看我更喜欢哪种方式。问题是，我不确定在使用.then().catch和asyc/await时，代码的行为是否完全相同。例如，这里有两个代码片段：
axios.post('/createRoom', room)
.then((response) => {
this.createRoomWindow = false
this.servers[this.selectedServer].rooms
浏览 0提问于2020-08-11得票数 1
回答已采纳
异步调用是javascript固有的一部分，使用回调通常是处理这些调用的优雅工具。
但是，我不太清楚异步操作后的代码分支是如何决定的。例如，下面的代码会发生什么？
function f(callback) {
value = some_async_call();
if (value) {
callback(value);
}
return(value);
}
这里会发生什么？根据我短暂的JS经验，return将返回一个undefined值。但是，假设value从异步调用返回true，那么回调是用正确的值调用还是用undefined值调用？
换句话说，是否有
浏览 6提问于2017-04-18得票数 7
4回答
var wait = function() {
return setTimeout(function() {
return 8;
}, 1000);
}
var foo = function() {
if (wait() === 8) {
return 99;
} else {
return 23;
}
}
console.log(foo());
印刷品23
我知道函数调用是异步的；但是，在wait()函数返回之前，如何计算if块呢？我试图实现的逻辑将如何在javascript中得到成功的表示？
浏览 6提问于2014-01-16得票数 1
回答已采纳
2回答
我有一个从数据库执行SQL查询并将值编码为JSON的API php函数。
例如
function getApiCall(){
$sql = 'SELECT * AS "Total" from tablename"';
try {
$db = getConnection();
$stmt = $db->prepare($sql);
$stmt->execute();
$user = $stmt->fetch(PDO::FETCH_OBJ);
浏览 0提问于2017-02-14得票数 0
我是js和异步编程的新手，我正在尝试将键盘事件传递给一个正在运行的wasm实例。
我正在使用在浏览器中构建和运行简单的c程序，但它的不支持从标准输入中读取，如中所述。我试图通过导入一个JavaScript函数并在从标准输入中读取时调用它来编写的补丁。
简而言之，如何制作一个可以阻塞读的消息队列，并将读函数导出到WebAssembly？
浏览 1提问于2020-05-22得票数 1
我最近问到了javascript中的异步。在有人提出同样的问题后，我很理解这个问题，那就是。我学到了很多东西，帮助我正确地请求api。但是现在我遇到了同样的问题，尽管我已经在使用async/await了。我把注释放在我得到undefined的地方。
const request = require('request');
const rp = require('request-promise');
const MongoClient = require('mongodb').MongoClient;
const ObjectId = requir
浏览 1提问于2018-11-20得票数 5
一开始，我总是想知道等待着做什么，我慢慢地开始理解为什么，但是在我开始测试一个需要等待的api (mathjs)之后，我遇到了一个问题。为什么“等待”总是需要“异步”?
我的意思是，为什么我们不能单独使用“等待”--例如，每当javascript看到这个
const result = await justa.functiOn()
它会读成这样：
async function t(){
const result = await justa.functiOn()
}
t()
这将是有用的，节省时间和错误。
我不需要一个答案来修正一个错误，我有，但只是为了了解更多的javascript，因为我已经搜
浏览 2提问于2020-09-17得票数 2
2回答
我只是问这个问题，以澄清和更好地理解javascript的承诺。下面两个代码在我看来非常相似，但是为什么两者给出了不同的结果。如何以.then的方式获得异步/等待.then函数的结果。谢谢。
异步/等待
const getFieldValue = async (collection, userid) => {
let response;
const querySnapshot = await firestore()
.collection(collection)
.where("userid", "==", userid)
浏览 4提问于2021-12-28得票数 2
回答已采纳
我有一个非常简单的模拟工作示例，它正确地更新了值，但是我的测试仍然失败。
fetchStuff.js
const fetchStuff = async (entity, service) => {
entity = await service.get();
console.log('entity is an expected result!', entity); // this consoles out the expected value correctly.
}
fetchStuff.spec.js
it('should...', ()
浏览 7提问于2022-01-27得票数 -1
回答已采纳
1回答
我不知道如何正确地将异常从任务传播到创建此任务的线程：
private void threadMT()
{
Task task;
try
{
task = new Task(() =>
{
throw new Exception("blabla");
});
task.Start();
while(!task.IsCompleted)
Thread.Sleep(500);
if (task.IsFault
浏览 5提问于2016-04-12得票数 1
回答已采纳
我想使用异步和等待与道具。
基本上，我有一个onRefresh函数，当用户向下滚动时，它会刷新。
在这里，一旦减速机成功地更新了数据，我想将状态更改为false。
onRefresh = () => {
this.setState({isFetching: true}, () => {
refreshData = async () => {
await this.props.indianCurrency()
await this.props.exchangeToDisplay(this.c
浏览 1提问于2018-10-08得票数 0
回答已采纳
我已经尝试了几天了，一个作为模块创建的函数可以返回数据。
我使用烧瓶，在一个页面中，我将模块加载到标题中。
<script src="{{url_for('static', filename = 'js/modules.js')}}"></script>
在我第一次尝试modules.js文件时，我有一个函数：
function send_to_backend_old(data){
let coucou = fetch('/toronto', {
method: 'post',
浏览 5提问于2022-05-24得票数 0
回答已采纳
我对JavaScript编程还比较陌生，所以回调一直给我带来麻烦。我使用的框架支持来自ES7 (Meteor)的“异步/等待”语法，但我很难准确理解如何实现调用其他函数的异步函数。
我想做的是:用户输入一个URL，从URL中获取数据，进行处理，然后放到数据库中。我希望以非阻塞的方式实现这一点，以便用户可以在此过程发生时继续使用该应用程序。
伪码：
async function foo(URL) {
try {
//using request-promise npm package to make the request
const data =
浏览 4提问于2017-03-08得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
