Async vs then in Promise resolve
在Promise中，我们可以使用两种方式来处理异步操作的结果：async/await和then/catch。这两种方式都是用于处理Promise对象的状态变化，但它们在语法和用法上有一些区别。
- Async/await:
- 概念：async/await是一种基于Promise的异步编程模式，它使得异步代码的编写和阅读更加简洁和直观。
- 优势：使用async/await可以让异步代码看起来像同步代码，提高代码的可读性和可维护性。它避免了回调地狱（callback hell）的问题，使得异步操作的流程更加清晰。
- 应用场景：适用于需要按照顺序执行多个异步操作的场景，例如依次请求多个API接口并处理它们的返回结果。
- 示例代码：
- 示例代码：
- Then/catch:
- 概念：then/catch是Promise对象的方法，用于注册异步操作成功或失败时的回调函数。
- 优势：then/catch是Promise的原生方法，支持更广泛的浏览器和环境。它可以处理异步操作的结果，并链式调用多个then方法，实现更复杂的异步操作流程。
- 应用场景：适用于需要处理多个并行的异步操作或需要更复杂控制流程的场景。
- 示例代码：
- 示例代码：
腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数（云原生）：https://cloud.tencent.com/product/scf
- 腾讯云数据库（数据库）：https://cloud.tencent.com/product/cdb
- 腾讯云服务器（服务器运维）：https://cloud.tencent.com/product/cvm
- 腾讯云CDN（网络通信）：https://cloud.tencent.com/product/cdn
- 腾讯云安全产品（网络安全）：https://cloud.tencent.com/solution/security
- 腾讯云音视频处理（音视频、多媒体处理）：https://cloud.tencent.com/product/mps
- 腾讯云人工智能（人工智能）：https://cloud.tencent.com/product/ai
- 腾讯云物联网（物联网）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发（移动开发）：https://cloud.tencent.com/product/mobdev
- 腾讯云对象存储（存储）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（区块链）：https://cloud.tencent.com/product/tbaas
- 腾讯云虚拟地球（元宇宙）：https://cloud.tencent.com/product/ve
相关·内容
请解释一下TS不能同时匹配a (string vs 'test')和b的类型的原因和机制。我怎么才能解决这个问题？操场是。提前谢谢你。
(async () => {
const [a]: ['test'] = await Promise.all([Promise.resolve('test')])
// ^ type mismatch here
const b: 'test' = await Promise.resolve('test')
console.log(a,
浏览 3提问于2022-06-25得票数 1
关于节点中的Promise，使用let (或var和const)定义函数与单独创建函数之间的主要区别是什么？
let balanceFunc = new Promise(function (resolve, reject) {
exchange.balance((error, balances) => {
if (error) reject(error); else resolve(balances);
});
});
async function test() {
await balanceFunc.then((result) =>
浏览 0提问于2020-12-01得票数 0
1回答
承诺值和返回承诺值之和
、、、
我的任务是创建一个函数summarize1，该函数接收承诺并返回包含它们值之和的承诺，如下所示：
const promise1 = Promise.resolve(4);
const promise2 = new Promise((resolve) => resolve(2));
summarize1(promise1, promise2).then((sum) => {console.log(sum);}); // result: 6
使用此测试实现：
describe('summarize1', () => {
it('should ret
浏览 1提问于2021-11-11得票数 0
回答已采纳
1回答
主要是“promise2”和“async1 end”的顺序。我也不知道原因。
async function async2() {
console.log("async2");
}
new Promise(resolve => {
resolve(async2());
}).then(() => {
console.log("async1 end");
});
new Promise(function(resolve) {
console.log("promise1");
resolve();
}).then(fu
浏览 1提问于2019-03-21得票数 0
回答已采纳
2回答
在下面的代码中，我希望执行a、b和c，然后执行a1，因为a1是在a中添加的。但是，看起来Promise.all并没有随着新的a1的添加而更新。做这件事最好的方法是什么？是否有Promise全部更新？我尽量不在a中执行a。
var arr = [];
async function a() {
return new Promise(resolve => {
setTimeout(() => {
console.log("Resolve a");
arr.push(a1);
resolve(1);
}, 2000);
})
浏览 2提问于2017-08-15得票数 2
回答已采纳
1回答
我在验证测试时是否调用了异步方法时遇到了问题。这里有一个简单的例子。
describe('async test', () => {
it('promise should resolve', async(() => {
let resolve = jasmine.createSpy('resolve').and.callFake((n) => {
expect(n).toEqual(1);
});
let promise = new P
浏览 9提问于2016-07-17得票数 2
1回答
我有一个像这样的fetchData函数：
export const fetchData = async (): Promise<IDataType[]> => {
try {
const { data } = await axios.get<IDataType>(url);
return Object.values(data);
} catch (error) {
return error);
}
};
VS代码显示错误。TypeScript不允许返回此函数的未知类型：
Type 'unknown' is not
浏览 3提问于2022-04-13得票数 1
1回答
因此，这是基于我在处理包以简化异步生成器或迭代器时所做的一个发现。
通常，承诺的执行顺序取决于调用的时间，这意味着以下内容是正确的(在Windows和Mac上的Chrome & Node中)。
let resolve, promise = new Promise(r => resolve = r);
(async () => {
await promise
console.log('1st')
})();
(async () => {
await promise
console.log('2nd')
})();
re
浏览 1提问于2019-12-10得票数 2
回答已采纳
3回答
我读了一本关于promise的指南，上面写着：
const promise = new Promise((resolve, reject) => {
// Do some async stuff
// If async opp successful
resolve();
// If async opp fails
reject();
});
所以，我试着用它，但没有成功：
let async = new Promise((resolve, reject)=>{
this.getPerson(page).subscribe( data => {
consol
浏览 1提问于2018-03-05得票数 1
回答已采纳
这是关于事件循环的一些事情，我不明白。
代码如下：
async function async1() {
console.log('async1 start');
await async2();
console.log('async1 end');
}
async function async2() {
console.log('async2 start');
return new Promise((resolve, reject) => {
resolve();
console.log('
浏览 5提问于2021-03-19得票数 4
1回答
地理代码不期待的承诺
、、、、
因此，我有下面的代码，我认为这是正确的等待，但当我深入研究它时，我发现它反应非常快(足够快，可以在角度模板中使用)。
this.dataService.getSomeData().subscribe(async (res) => {
this.historyList = res;
this.historyList.forEach(async (element) => {
console.log('before')
let address = await this.geocode(element);
浏览 2提问于2020-10-01得票数 0
回答已采纳
我一直在玩弄承诺，我发现了一种奇怪的行为。为什么在我等待resolve调用时等待这个承诺，而不是在等待reject调用时呢？
(async () => {
let resolve, reject;
const promise = new Promise((_resolve, _reject) => {
resolve = _resolve;
reject = _reject;
});
promise.then(_ => console.log('Promise resolved'));
浏览 0提问于2020-02-03得票数 1
我正在学习Node JS中的promises。我偶然发现了一个我想要同步它的代码(出于好奇)。
function test1(){
return new Promise(async function(resolve,reject){
await promise1();
await promise2();
await promise3();
console.log('last');
resolve(true);
})
}
async function promise1(){
return new Prom
浏览 2提问于2018-12-17得票数 0
大家好~我发现了一个关于异步函数返回值的有趣的东西。
有两个代码：
async function test () {
return Promise.resolve(undefined)
}
async function test () {
return undefined
}
那么它们之间有什么不同呢？
如果你像我一样说“它们是同一件事”，那么我就会对下面的代码感到困惑：
async function async1() {
console.log("async1 start");
await async2();
console.log("async
浏览 0提问于2018-12-12得票数 1
2回答
就结果而言，我有两个相同的职能：
const p1 = async () => {
return 1;
};
const p3 = new Promise((resolve, reject) => {
resolve(1);
});
console.log(typeof p1.then);
console.log(typeof p3.then);
我原以为两者都会有“当时”的财产，但似乎没有：
但vs-code的intellisense指出，这两者都是承诺：
如果我们明确地了解p3，甚至可以确保返回类型是相同的。
现在我认为，从定
浏览 0提问于2018-05-03得票数 0
回答已采纳
1回答
我想直接调试es7源代码。我找到了调试已经泄露的es5代码的唯一有效方法，但它非常不方便。我试过babel-node --inspect my_es7_file.js，但它不起作用。此外，babel-node-debug也不能正常工作。下面是我想要调试的代码示例：
import path from 'path';
const run = async filename => {
console.log('filename', filename);
await new Promise(resolve => setTimeout(res
浏览 0提问于2017-05-08得票数 3
我已经看了nodejs async_hooks模块的文档，想试一试，这是我的demo.mjs import async_hooks, { executionAsyncId } from 'async_hooks';
import fs from 'fs';
import path from 'path';
// a async version of console.log
function println(...args) {
fs.writeFileSync(1, args.join('') + '\n&#
浏览 21提问于2021-10-21得票数 1
回答已采纳
登录“async1 end”的微任务不是会在其他两个任务之前被推入队列吗？
为什么它会被记录在他们之后？
async function async1() {
console.log('async1 start');
async2().then(()=>
console.log('async1 end'));
}
async function async2() {
console.log('async2 start');
return new Promise((resolve, reject) => {
浏览 3提问于2020-07-28得票数 0
2回答
我有一个关于异步/等待执行的问题。
示例代码
async firstMethod(){
new Promise((resolve, reject)) => {
setTimeout(() => {
resolve("test1");
}, 3000);
});
}
async secondMethod() {
new Promise((resolve, reject)) => {
setTimeout(() => {
resolve("test2");
浏览 2提问于2022-01-23得票数 -2
回答已采纳
1回答
我有一个带有大量助手函数的文件：
// extract repo name from url
function getRepoName(url) {
let repoName = url.split("/");
repoName = repoName[repoName.length - 1];
repoName = repoName.replace(".git", "");
repoName = repoName.replace("\n", "");
return repoName;
}
//
浏览 4提问于2019-12-12得票数 3
export function getDeferred () {
let resolve; let reject;
const promise = new Promise((res, rej) => {
resolve = res;
reject = rej;
});
promise.resolve = resolve;
promise.reject = reject;
return promise ;
};
let deferred=getDeferred();
async function fet
浏览 0提问于2020-04-27得票数 1
有一个MDN规范，引用函数，作为并行处理更大项目的一部分，但是我的所有承诺都没有生成或被解决-- PromiseAll的承诺已经“实现”了(如调试器中所示)，.I是JS的新学生并承诺。
console.log("==PARALLEL with await Promise.all==");
parallel();
// Definition of parallel function to Start 5 "jobs" in parallel and wait for both of them to complete
a
浏览 5提问于2022-10-08得票数 0
回答已采纳
我有三个不同的函数，它们应该做同样的事情，用解析的Promise填充一个数组，但它对第一个例子不起作用。 下面是我的代码： (async() => {
const items = [];
const someFn = async() => {
const v = await Promise.resolve(10);
items.push(Math.random());
return Promise.resolve(v * 10);
}
const arr = [];
for (let i = 0; i < 10; i++) {
浏览 21提问于2019-02-14得票数 3
我有一系列可以解析或拒绝的异步函数。这些函数必须以正确的顺序执行，并且相互依赖。因此，我使用了3个异步函数和一个try catch块。问题是，当我拒绝异步函数中的一些承诺时，catch块不会在reject回调中收到发送的错误。如何才能在拒绝时发送错误？(代码如下)
或者我应该使用promise chaining？我想避免这种情况...
const methods = {
methodOne: async output => {
return new Promise( (resolve, reject) => {
if(error)
浏览 18提问于2019-07-05得票数 0
typescript void和Promise< void >类型有区别吗？
因为我搞不懂为什么这是一个有效的打字稿？
const asyncFunc: () => void = async () => {
await new Promise(resolve => resolve());
};
这不应该是唯一有效的案例吗？
const asyncFunc: () => Promise<void> = async () => {
await new Promise(resolve => resolve());
};
浏览 0提问于2020-01-09得票数 15
回答已采纳
我不明白为什么所有的承诺都是同时解决的。我看到await在forEach循环中不像预期的那样工作，但是它也不适用于map
const promise = async (ms, name) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
console.log(`resolving ${name}`)
resolve(name)
}, ms)
});
}
async function main()
浏览 0提问于2019-02-11得票数 2
回答已采纳
在上他们说
async function foo() {
return 1
}
和写作一样
function foo() {
return Promise.resolve(1)
}
这意味着，如果我们想要将承诺“转换”为异步函数，就必须用resolve(promise_result)替换为return promise_result。
但是，当我尝试将setTimeout与async结合使用时，它不起作用：
const test1 = async () => {
setTimeout(
() => {
return 5;
浏览 2提问于2021-11-08得票数 0
回答已采纳
1回答
ES6:如何使用带有回调的等待
、、、、
下面是用TypeScript编写的vue-router的包装器： abstract class RoutingHelper {
// ...
public static redirectToNamedRoute(targetRouteName: AnyValueOf<typeof NamedRoutes>): Promise<void> {
return new Promise<void>((resolve: () => void): void => {
router.push({ name: targetRou
浏览 21提问于2019-09-11得票数 2
回答已采纳
1回答
我对nodejs/javascript中的异步处理的理解是，如果在函数中处理异步调用，它必须返回承诺或接受用于链接的回调，以及等待异步调用的完成。
但是我发现它没有，因为下面的代码可以工作，并等待所有的承诺完成
function handlePromise() {
Promise.resolve('Hello Async').then(data => {
Promise.resolve('Hello Async 2').then(data => {
return delay(3000).then(() => cons
浏览 1提问于2019-05-06得票数 0
回答已采纳
1回答
承诺中的承诺
、、、、
如何处理下一个承诺问题:我需要解决每个人的宠物问题，宠物解决后的火灾事件，以及当所有的人都解决后的最后一个事件：
(async() => {
const personsArr = await Promise.all(persons.map(async (person) => {
await someSyncFunc();
const petsArr = await Promise.all(pets.map(async (pet) => {
await asyncSetPetName(pet, person);
浏览 0提问于2018-10-24得票数 0
回答已采纳
我正在尝试在promise中返回promise，但无法让它正常工作，这是我的代码 async function main() {
return new Promise((resolve, reject) => {
p = new Promise((resolve, reject) => {
f2(async() => {
resolve();
});
});
array = [];
array.push(p);
Promise.all(array).then(resolve(1));
浏览 13提问于2020-04-17得票数 0
回答已采纳
4回答
在节点中使用外部sdk时，我注意到我正在编写大量重复的代码。例如：
async function one(): Promise<any> {
return new Promise((resolve, reject) => {
sdk.one(function(err, req, res) {
if (err) {
return reject(err);
}
resolve(res);
});
});
}
async function two(): Promise<any> {
re
浏览 0提问于2018-06-08得票数 2
回答已采纳
1回答
我创建了以下三个承诺，并等待它们，期望它们花费6000毫秒：
let PromiseOne = new Promise(resolve => {
setTimeout(() => {
resolve('Promise One');
}, 2000);
});
let PromiseTwo = new Promise(resolve => {
setTimeout(() => {
resolve('Promise Two');
}, 2000);
});
let PromiseThree = new
浏览 1提问于2022-10-25得票数 3
回答已采纳
3回答
我的代码应该等待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
2回答
使用.catch((err)=>{}) async/await 在nodeJS?中实现承诺错误处理程序的最佳实践是什么？
代码在nodeJS V8.10.0中运行
以下是我执行后一项建议的失败尝试。
考虑以下代码：
使用.catch((err)=>{})的
//Function that rejects a promise with a probability of 50%
function randomReject(resolve,reject){
setTimeout(()=>{
if(Math.random() &
浏览 1提问于2018-03-25得票数 0
回答已采纳
如果我正确地理解了Promise.all()，我将期望这段代码在输出(仅)之前花5秒时间--这是控制台拒绝承诺的原因。
function firstAsyncFunction() {
return new Promise(function(resolve, reject){
setTimeout(function(){
resolve(console.log('First async function has been resolved!'));
}, 500);
});
}
function secondAsyncFunction
浏览 6提问于2015-08-08得票数 3
回答已采纳
1回答
Chrome (至少我正在使用的测试版)现在有了在本地JavaScript中实现的承诺，并且，根据一些实验，它运行良好。有很多关于“然后”和“捕获”方法的文档，我可以将承诺链接在一起，这样，当一个方法完成时，下一个方法就会等待。
但是，我想知道如何并行地等待承诺，当它们都完成或拒绝时调用回调函数。在这种情况下，所有的结果和原因也必须是可用的，也许是在一个数组中。
转储JavaScript对象(“承诺”)，我看到一个方法"all"，但我无法找到它的文档。
有人能提供这方面的信息吗？
我还实现了自己的实验并行机制，如下所示：
function async1_promise() {
浏览 3提问于2014-01-20得票数 2
回答已采纳
2回答
异步/等待问题
、、
我正在尝试使用async/await来实现一个非常基本的承诺，但是我得到了错误：SyntaxError: await is only valid in async function。但是，我相信我使用的是await的异步函数。 function getNumber(mult) {
return new Promise((resolve, reject) => {
resolve(10);
}).then((val) => {
return new Promise((resolve, reject) => {
浏览 28提问于2021-08-30得票数 0
回答已采纳
我有一个有5个项目的对象，每个项目都会发送3次http请求。我把它保存在
var promise
var promise1
var promise2
最后，我用
Promise.all([promise, promise1, promise2]]
然后我将数据发送给回调函数。
我使用array.map()来执行数组上的任务，所有的请求和Promise.all都发生在该数组中。
在通过回调函数发送数据之前，我如何才能等待整个请求的发出和承诺的解决？
async function requestJahrStatistic(jahreStat
浏览 2提问于2019-02-27得票数 0
回答已采纳
我有两个异步函数返回bluebird承诺：
Async1: function() {
return new Promise(function(resolve, reject) {
execute(query)
.then(function(resp) {
resolve(resp);
})
.catch(function(err) {
reject(err);
});
});
}
Async2: function() {
return new Promise(function(resolve, rej
浏览 0提问于2015-08-27得票数 0
回答已采纳
我在学Node.js。
我必须在我的work()循环中调用一个异步函数Promise.all()，它必须在转到Promise.all()之后的语句之前完成。目前，在完成FINISH之前，它将到达work()状态。
让代码等待work()函数完成的正确方法是什么？
const promise1 = Promise.resolve(1);
const promise2 = Promise.resolve(2);
const promise3 = Promise.resolve(3);
async function work() {
await new Promise((resolve
浏览 8提问于2022-09-21得票数 0
回答已采纳
async function pending() {
return new Promise((resolve, reject) => { resolve(1) });
}
async function fulfilled() {
return 1;
}
function promiseState(p) {
return Promise.race([ Promise.resolve(p).then(() => "fulfilled", () => "rejected"), Promise.resolve().then(() =
浏览 0提问于2018-04-06得票数 1
1回答
在下面的代码中，当我调用func时，我得到了一个在3秒后解析的promise，它解析为另一个promise。然后，嵌套的promise在额外的3秒后解析为数字43。我的问题是，为什么console.log在6秒后返回res:43，而不是3秒后返回未解析的promise。I .then func2但I .then .then otherFunc
async function func(){
const val = func2().then((other)=>{console.log("res:"+other)})
}
async function func2(){
浏览 13提问于2018-10-09得票数 1
回答已采纳
此代码：
it('should not say overspecified', async function (done) {
await new Promise(resolve => resolve());
done();
});
原因：Error: Resolution method is overspecified. Specify a callback *or* return a Promise; not both.
但是.我不会回承诺的。我只是在等待一个承诺。
如果我将代码更改为此，它会工作：
it('should not say ove
浏览 0提问于2018-10-28得票数 3
回答已采纳
我想按照以下顺序执行我的代码：
承诺1
等待1完成，然后在同一时间做承诺2+3
最后的函数等待承诺的2+3完成
我很难搞清楚，到目前为止我的代码如下所示。
function getPromise1() {
return new Promise((resolve, reject) => {
// do something async
resolve('myResult');
});
}
function getPromise2() {
return new Promise((resolve, reject) => {
浏览 4提问于2016-04-21得票数 38
回答已采纳
此代码的工作方式与预期一致： services.map(async svc => {
promises.push(new Promise(async (resolve) => {
html += `<h2>${svc}</h2>`;
let journeyDetails = await admin.database().ref(`data`).once('value');
resolve();
}));
});
await Promise.all(promises).then(() => {
浏览 78提问于2019-02-12得票数 0
回答已采纳
1回答
异步函数自动返回诺言--我想知道是否有一种方法可以在函数中获取这个允诺的实例，例如，如果我返回这样的实际承诺：
const getSomePromise = () => {
const promise = new Promise((resolve, reject) => {
setTimeout(() => {
resolve('success');
}, 1000);
})
promise.someProp = 'myProp';
return promise;
}
浏览 0提问于2018-10-14得票数 1
回答已采纳
在里，上面写着
async function foo() {
await 1
}
相当于：
function foo() {
return Promise.resolve(1).then(() => undefined)
}
那么，什么是
async function foo() {
await genPromise();
}
假设genPromise()返回另一个承诺。
会不会是
function foo() {
return Promise.resolve(new Promise((resolve, reject) => {})).then((
浏览 1提问于2021-01-02得票数 3
回答已采纳
2回答
有承诺的函数发生器
、、、、
我必须编写异步函数，以便：
const myAsyncFunction = async(function* (promise) {
const data = yield promise;
console.log(data);
});
myAsyncFunction(Promise.resolve("Hello world")); // console: ‘Hello world!’`
结果应该是-控制台：‘Hello！’
我认为这将是一个正确的实施：
function async(cb) {
return cb().next();
}
const myAsync
浏览 5提问于2020-10-01得票数 2
基本上，我有两个函数将blob从源复制到目标文件夹，因此我尝试在我的node.js应用程序中使用promise.all。但是我得到了ReferenceError: promise is not defined error.can，有没有人看一下下面的代码，告诉我哪里做错了？我是否应该在return new promise(resolve，reject){}中包含try/catch？
export.addrestartjob=async function(req,res){
some var....
//return new promise(resolve,reject){
try {
cons
浏览 0提问于2020-12-15得票数 0
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
腾讯云开发者
