如何在完成函数前等待任务完成？
在完成函数前等待任务完成的一种常见方法是使用异步编程。异步编程允许函数在执行某个任务时不会被阻塞，而是继续执行其他任务，直到该任务完成后再返回结果。
在前端开发中，可以使用Promise对象或async/await语法来实现异步编程。以下是一种常见的实现方式：
- 使用Promise对象：
- 创建一个Promise对象，将需要等待的任务封装在该Promise对象中。
- 在函数中使用
await关键字等待Promise对象的状态变为resolved（已完成）。 - 在
await后面的代码将在Promise对象完成后执行。 - 例如，假设有一个函数
doTask()需要等待一个异步任务完成后再返回结果： - 例如，假设有一个函数
doTask()需要等待一个异步任务完成后再返回结果： - 在上述代码中，
myFunction()函数中的await doTask()会等待doTask()函数返回的Promise对象状态变为resolved后再继续执行后续代码。
- 使用async/await语法：
- 将需要等待的任务封装在一个异步函数中，使用
async关键字声明该函数为异步函数。 - 在函数中使用
await关键字等待任务完成。 - 在调用该异步函数时，可以使用
.then()方法获取异步函数的返回结果。 - 例如，假设有一个异步函数
doTask()需要等待一个异步任务完成后再返回结果： - 例如，假设有一个异步函数
doTask()需要等待一个异步任务完成后再返回结果： - 在上述代码中，
doTask()函数是一个异步函数，myFunction()函数中的.then()方法会等待doTask()函数返回的Promise对象状态变为resolved后再执行回调函数。
- 将需要等待的任务封装在一个异步函数中，使用
以上是在完成函数前等待任务完成的一种常见方法，可以根据具体的需求选择适合的方式来实现。
相关·内容
4回答
我一定要一直等在呼叫链上吗？
javascript
如果我有一个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
回答已采纳
2回答
等待关键字如何在它显示在其他功能之前的情况下工作？
javascript
问题：
我在使用异步关键字方面是新的。
下面的例子让我很困惑。根据我的理解，使用异步关键字，程序将等待直到函数后等待。
所以，我希望“最后的秀”只会在最后一次出现。
问:但是为什么“最后的表演”首先出现呢？这背后有充分的解释吗？
下面是我现在的代码：
function resolveAfter2Seconds() {
return new Promise(resolve => {
setTimeout(() => {
resolve('resolved');
}, 2000);
});
}
async function asyn
浏览 5提问于2022-09-24得票数 0
回答已采纳
2回答
异步/等待被阻塞了吗？如果不是，为什么它的结果与承诺不同？
javascript、async-await
我做了一些关于async/await的研究，但我感到困惑。它说async/await是非阻塞的。我研究了developer.mozilla.org异步函数示例。参考：
function resolveAfter2Seconds() {
return new Promise(resolve => {
setTimeout(() => {
resolve('resolved');
}, 2000);
});
}
async function asyncCall() {
console.log('calling'
浏览 11提问于2021-11-24得票数 0
3回答
我想在Object中返回异步函数的值
javascript、promise、async-await
我有一个异步功能。我想创建一个对象，对象中属性的值是异步函数的返回值。但现在该属性的值是一个对象承诺
我的代码是这样的：
const promise1 = new Promise(function(resolve, reject) {
resolve('myvalue');
});
const a = async () => {
var b = await promise1
return b;
}
const newobj = {'a': a()};
console.log(newobj)
// the result is : {a:
浏览 0提问于2019-04-09得票数 0
3回答
我对异步等待感到困惑。
javascript、node.js、async-await
我的代码应该等待4-4秒才能执行总计8秒的承诺，但它仅在4秒内完成。为什么？我在哪里想错了？
// a promise
let promise1 = new Promise(function (resolve, reject) {
setTimeout(function () {
resolve('Promise resolved1')}, 4000);
});
let promise2 = new Promise(function (resolve, reject) {
setTimeout(function () {
resolve
浏览 2提问于2022-06-25得票数 -1
1回答
事件处理程序中的Node.js Promise未执行
node.js、promise、aws-lambda、event-handling
我无法在此事件处理程序中执行promise。promise在处理程序之外返回得很好。那么相同的代码就不会在处理程序中运行。
'use strict';
const EventEmitter = require('events');
function resolveAfter2Seconds() {
return new Promise(resolve => {
setTimeout(() => {
resolve('resolved after 2 seconds');
}, 2000);
});
浏览 0提问于2020-08-20得票数 0
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
我仍在试图弄清楚异步/等待是如何工作的。
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
2回答
Javascript异步函数的简短总结
javascript、asynchronous
我是编程新手，对javascript语言中的异步函数感到困惑。你为什么要使用它，以及如何使用它？
简短的演示：
function resolveAfter2Seconds() {
return new Promise(resolve => {
setTimeout(() => {
resolve('resolved');
}, 2000);
});
}
浏览 0提问于2021-01-04得票数 0
1回答
嵌套异步/等待函数
javascript、asynchronous、async-await
我试图理解如何以嵌套的方式使用异步/等待。在这个例子中，我调用函数a()，在其中，我想调用b()并确保b()在a()之前解析。下面是代码，尽管调用了b()，但它没有被解析。
function a() {
b();
return new Promise((resolve, reject) => {
setTimeout(() => {
resolve('resolved a');
}, 2000);
});
}
function b() {
console.log('calling b');
re
浏览 2提问于2021-05-21得票数 2
回答已采纳
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
回答已采纳
1回答
我如何使用异步/等待与一个承诺子类？
javascript、typescript、async-await、promise
我有一个定制的Promise类。如何将它与async/await一起使用？
type Resolve<T> = (x: T | PromiseLike<T>) => void
type Reject = (reason?: any) => void
class LoggingPromise<T> extends Promise<T> {
constructor(f: (res: Resolve<T>, rej: Reject) => void) {
super((resolve, r
浏览 1提问于2022-11-15得票数 0
1回答
Javascript中的异步/等待
javascript、async-await
在我运行代码之前，我以为我已经理解了async/await在Javascript中的工作原理：
let flag = false;
function test() {
[1, 2, 3].map(async n => {
console.log(`flag set at ${n} before if?`, flag);
if (!flag) {
const x = await a(n);
// do something with x
flag = x;
console.log('flag set!');
浏览 10提问于2019-07-31得票数 3
3回答
为Javascript异步函数的“等待”建立正确的心智模型:生成器的“产量”还是“promise.then()”？
javascript、node.js、promise、async-await、event-loop
哪个生成器的产量相对于promise.then()是一个更正确的心理模型来理解‘等待’？
属性比较，通过使用调试器逐步遍历下面的代码段来推断：
等待：
等待不暂停/挂起正在运行的异步函数的执行。(运行异步函数“运行到完成”，当解释器到达第一个等待时返回一个挂起的承诺。它将立即从调用堆栈中删除。)
等待着承诺的达成。
await expression将函数的其余代码包装在一个微任务中。
发电机-产量：
生成暂停正在运行的函数的执行。生成器函数不会“运行到完成”。
yield promise确实确保promise在执行剩余代码之前已经解决了问题。
产量不会包装或创建
浏览 1提问于2019-07-04得票数 6
1回答
异步/等待不是用于全局同步使用的吗？
javascript、asynchronous
我希望这段代码：
function resolveAfter2Seconds() {
return new Promise(resolve =>
setTimeout(() => { resolve('resolved'); }, 2000) );
}
async function asyncCall() {
console.log('calling');
var result = await resolveAfter2Seconds();
console.log(result);
}
asyncCall();
asyn
浏览 0提问于2018-06-21得票数 3
回答已采纳
1回答
异步等待承诺解析是否需要调用.then()？
javascript、async-await、es6-promise
假设我有以下异步函数。console.log只有在被解析后才会触发。 (async () => {
await new Promise(resolve => {
setTimeout(() => {
resolve();
}, 1000);
});
console.log('resolved');
})(); 这是有效的JavaScript吗？或者我应该一直使用.then()？在这里使用.then()的缺点或行为差异是什么？ (async () => {
return await new Prom
浏览 16提问于2019-06-20得票数 2
回答已采纳
2回答
许下的诺言似乎还没有定下来
javascript
我在玩诺言和等待的时候发现了一些有趣的东西：
function returnPromise() {
return new Promise(resolve => {
setTimeout(() => {
resolve('result of promise');
}, 1000);
});
}
async function sth() {
let result = await returnPromise();
console.log('result: ', result);
console.log
浏览 3提问于2021-08-17得票数 2
回答已采纳
2回答
从JS模块导出asyc依赖的非异步常量
javascript、reactjs、async-await、solana
我正在构建一个分支的React应用程序。有一个依赖模块，它依赖于几个静态json文件来映射和导出在应用程序的React组件中使用的两个const。我们使用API作为源，而不是依赖这些静态json文件。现在我的构建过程是获取json并对其进行转换，以生成我们的自定义json文件，然后在构建过程中使用该文件。
相反，我希望这个过程在客户端执行。
export const GALAXY = async () => {
const result = await fetch(JSON
, {
headers: {
&#
浏览 3提问于2021-11-02得票数 0
1回答
隐藏异步等待
javascript、asynchronous
有人知道如何将异步await隐藏在函数中吗？
编辑，因为我似乎不清楚。
我想要做的是将等待包装在一个函数中，这样主外部函数看起来就不像异步代码了：asyncFunction：是一个异步函数。hideAsync：一个包装函数，它将消除从主代码中添加“等待”关键字的需要。运行：看起来像线性函数的主代码。
希望这次我说清楚了:-/
var someSome = {};
someSome.wait = ms => new Promise(resolve => setTimeout(resolve, ms));
someSome.asyncFunction = async (el
浏览 2提问于2017-08-24得票数 1
2回答
在对数组的“推送”过程中为承诺而打印的日志消息，而不是对`Promise.all`的调用
javascript、reactjs
我试图了解一些关于以下行为的承诺。
当我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
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
