如何使用Promise.all()函数
Promise.all()函数是JavaScript中的一个方法，它接收一个Promise对象的数组作为参数，并返回一个新的Promise对象。这个新的Promise对象在数组中的所有Promise对象都被解决（resolved）或有一个被拒绝（rejected）时才会被解决或拒绝。
使用Promise.all()函数可以同时处理多个异步操作，并在它们都完成后执行相应的操作。以下是使用Promise.all()函数的步骤：
- 创建一个包含多个异步操作的Promise数组。
- 使用Promise.all()函数传入这个Promise数组作为参数。
- 使用.then()方法来处理Promise.all()返回的新Promise对象的解决（resolved）情况。
- 在.then()方法中，可以获取到一个包含所有异步操作结果的数组，按照传入Promise数组的顺序排列。
- 在.then()方法中，可以执行相应的操作，例如处理结果数据、更新UI等。
Promise.all()函数的优势在于可以同时处理多个异步操作，提高了代码的效率和可读性。它适用于需要等待多个异步操作完成后再进行下一步操作的场景，例如同时请求多个接口数据并在数据都返回后进行数据处理。
以下是一些腾讯云相关产品和产品介绍链接地址，可以用于支持使用Promise.all()函数的开发：
- 云函数（Serverless）：腾讯云云函数是一种无服务器计算服务，可以让您无需管理服务器即可运行代码。它可以与Promise.all()函数结合使用，实现在云端并行处理多个函数请求。详细信息请参考：云函数产品介绍
- 云数据库MySQL版：腾讯云数据库MySQL版是一种高性能、可扩展的关系型数据库服务。在使用Promise.all()函数时，可以将多个数据库查询操作封装为Promise对象，并使用Promise.all()函数来并行执行这些查询操作。详细信息请参考：云数据库MySQL版产品介绍
- 云存储COS：腾讯云对象存储（Cloud Object Storage，COS）是一种海量、安全、低成本、高可靠的云存储服务。在使用Promise.all()函数时，可以同时上传多个文件到云存储，并在它们都上传完成后执行相应的操作。详细信息请参考：云存储COS产品介绍
请注意，以上只是一些示例产品，腾讯云还提供了更多与云计算相关的产品和服务，可以根据具体需求选择适合的产品。
相关·内容
我正在构建我的第一个API本机应用程序，我使用的是DeviceInfo ( react -本机设备-info)和地理定位API。
DeviceInfo.getMACAddress(mac => console.log(mac);
和
navigator.geolocation.getCurrentPosition(position => console.log(position)
他们两个人都在兑现诺言。如何将它们与类似于promise.all()的东西合并
浏览 4提问于2018-05-24得票数 2
回答已采纳
2回答
信誓旦旦
、
我试图用_.times生成一个用户列表，但是我得到了一个承诺对象的数组。如何输出普通对象的数组？
const createUser = async () => ({
});
const users = [];
_.times(5, () => users.push(createUser()));
Promise.all(users);
输出
[ Promise { { username: 'Armando', password: '8cw0W7Jpm0LSSS9' } },
Promise { { username: 'Laure
浏览 0提问于2018-07-08得票数 6
回答已采纳
1回答
我对每件事都很陌生。我尝试使用一个迁移文件来创建MySQL数据库中的所有表(20个表)。
exports.up = function(knex, Promise) {
function createTable1() {
return knex.schema.createTableIfNotExists('Table1', (t) => {
t.increments('id').primary();
t.string('col_1', 48).unique().notNullable();
t.t
浏览 2提问于2017-12-12得票数 0
回答已采纳
我很难弄清楚如何正确地用承诺来掩盖错误。
具体来说，我要说的是存在嵌套承诺的情况。我希望能够隐式地将resolve和reject函数传递给嵌套的承诺。
通过展示一些代码，我的意思会更加明显。
以下是我一直成功使用的内容：
var asyncIsEven = function(number) {
return new Promise(function(resolve, reject){
if (number % 2 == 0) { return resolve(number) }
else { return reject("number is odd"
浏览 3提问于2016-06-08得票数 1
2回答
我在react中有一个异步操作，它将调用一个方法来获取promise列表，每个promise也有一个列表数据，我想要将此promise列表中每个promise的所有数据解析为一个列表。应该有两个循环。然后使用数据列表分派一个操作。在解析promise列表之前，我初始化了一个空数组。但是，在将所有数据保存到此列表之前，该函数总是对空数组进行路径划分。有人能教我如何避免这种情况吗？谢谢。
我的代码如下所示：
export const fetchNearbyMeetups = (lat, lng) => async(dispatch) => {
try {
const prom
浏览 17提问于2021-06-08得票数 0
如何添加仅在两个进程都完成时才会运行的代码？
normalise1();
normalise2();
function normalise1() {
return knex("ingredients")
.select("name", "id")
.map(function (ingredient) {
var normalised_name = common.normalise(ingredient.name);
knex('
浏览 0提问于2018-01-14得票数 4
我正在尝试理解Promise.all是如何工作的，它看起来应该很简单。我的理解是，Promise.all接受一组承诺，然后同时执行它们。
下面是我通过node (8.10.0)执行的一些代码，我希望它们能正常工作：
const getFirstPromise = function() {
return new Promise((resolve, reject) => {
setTimeout(function(){
console.log("1");
resolve("First!")
浏览 3提问于2018-04-27得票数 1
我有两个查询数组，但在运行时之前，我不确定每个数组中有多少个查询。我想将每个查询数组的结果保存到一个变量中(例如，来自第一个数组的查询应该保存到第一个数组，而来自第二个数组的查询应该保存到第二个数组)。我本来打算使用promise.all()，但我不知道如何将部分响应分配给一个数组，另一些则分配给另一个数组。如下所示：
async function runQueriesAndGetResponse() {
var queryArray1 = [query, anotherQuery, 3rdQuery,...]
var queryArray2 = [4thQuery, 5thQ
浏览 6提问于2022-08-23得票数 0
回答已采纳
目前，我有一个React Redux应用程序，在这个应用程序中，存储中有大量的状态项。我已经设置了从后端API填充状态的操作。我使用容器和表示组件，在容器中我使用mapDispatchToProps获取它的子级所需的所有状态，然后使用mapStateToProps将状态作为道具传递下来。
目前，我是如何在容器组件中进行这些初始API调用的：
componentDidMount() {
this.props.getResources()
.then(() => {
this.props.getUsers()
.
浏览 2提问于2018-07-16得票数 2
回答已采纳
我正在尝试处理一个数组中的所有图像，并将所有处理过的图像推送到其他数组中。 处理过程是异步运行的，所以我使用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
1回答
我目前正在做一个小项目，并且遇到了这个问题。
这是我正在做的事情的一个小背景。首先，我与Axios并发调用API，如下所示：
const [...result] = await Promise.all([
axios.post('api-url', data, headers),
axios.post('api-url', data, headers),
axios.post('api-url', data, headers),
axios.post('api-url', data, headers),
])
然后，我映射
浏览 3提问于2021-05-05得票数 0
回答已采纳
我有一个异步函数：
const _getSelectedComponentVariantByComponentName = async (name) => {
const response = await api.get(`/internal/api/Component/GetComponentVariantByComponentName/${name}`);
componentRow.component = response.data;
return componentRow;
};
我试着在.
浏览 33提问于2020-05-26得票数 0
回答已采纳
你好，我正在尝试使用不同的参数异步运行相同的函数，但是在承诺之前，我想不出如何在不运行函数的情况下存储这些函数。
下面是我试图做的一个简单的例子：
const myFunc = async(paramsAsArray) => {
// does stuff
}
let paramArray = [ [a,b], [c, d], [e, f] ]
let funcArray = []
for (let i = 0; i < paramArray.length; i++) {
funcArray.push(myFunc(paramArray[i]))
}
co
浏览 5提问于2022-02-23得票数 1
回答已采纳
我在一个项目中使用SQLite从本地数据库中检索数据，然后处理数据，最后在计算方法中使用处理过的数据。
问题是代码是异步运行的，所以当我第一次调用计算方法时，它只在第二次或第三次运行之前运行。
我有4种检索方法：
retrieve1();
retrieve2();
retrieve3();
retrieve4();
然后，我要处理检索到的数据，因此我有以下方法：
processRetrieve1();
processRetrieve2();
processRetrieve3();
processRetrieve4();
最后，我要调用计算方法：
Calculat
浏览 2提问于2021-12-06得票数 -1
如何向DB发出多个请求，等待所有请求的结果并返回结果？我试着使用Promise.all，但我得到的都是--控制台中没有定义。
MongoClient.connect(url, function (err, db) {
if (err) throw err;
var dbo = db.db("DBusers");
var query = {};
var U4 = dbo.collection("users");
const promises = [
U4.find({}).count(function (
浏览 7提问于2020-05-22得票数 0
回答已采纳
我想在useEffect)中调用几个异步函数，但我不确定如何包含await关键字以等待它们的结果
// somewhere else func1 and func2 are defined
async function func1() {...};
async function func2() {...};
// func1, func2 are imported into file of functional Component
...
useEffect(() => {
async function foo() {
func1();
};
浏览 1提问于2021-03-11得票数 0
回答已采纳
我正在使用Botpress来处理这件事，但我犯了一些基本的Javascript错误，因为我试图将Promises和Await/Async结合起来。任何关于如何纠正这一点的帮助都将是令人惊讶的
这是我的代码
const knex = await bp.db.get();
const userIds = await knex('_students').distinct('id').pluck('id');
return Promise.all(
userIds.map((userId) => {
return await bp.d
浏览 0提问于2018-11-03得票数 0
我有一些异步函数，它们调用REST并返回结果。我想使用Promise.all同时调用其中的几个函数，并等待完整的结果。我理解Promise.all是如何工作的，这并不是Promise.all的问题。这是使用Array.push动态创建异步函数数组的一个问题。
下面是我们的设想。我的应用程序的一个用户会加载一个页面。该页面需要从API中检索数据。它使用我提到的那些异步函数来完成这个任务。但是，根据参数设置，页面需要检索的数据是不同的。因此，有时，它可能需要检索用户、特定客户和特定项目的列表。其他时候，它可能需要得到所有的用户和所有的项目，而不是客户。
我的代码看起来是这样的：
created()
浏览 3提问于2020-02-20得票数 5
回答已采纳
您知道如何确保map函数中的每个循环的"intentid“值都会发生变化吗？所需的结果是intentid在每次循环时都会更改它的值，以便将一个新值发送到"someOtherAsyncApiFunction(someinnerfunction())".我需要使用async/await，因为"intentid2“调用一个API。 let someobject = {1: {name: "Question"}, 2: {name: "Tipp"}, 3:{name: "Question"}}
intentid = &
浏览 17提问于2020-07-03得票数 0
我有一个foo()函数，它包含一个在for循环中解析的Promise。我想多次运行foo()，每次都给它不同的参数。然后我想用所有这些结果做点什么。Promise.all()是在for循环结束时运行，还是在foo()内部的所有Promises返回之后运行？或者它会说“这些foo()都不是承诺！”嘲笑我？
var foo = (x) => {
for (var i = 0; i < 100; i++) {
someOtherFunctionThatReturnsAPromise(x).then(returnSomething());
}
};
fun
浏览 46提问于2017-02-12得票数 0
回答已采纳
我正在添加一组指令，由Promise.all()在代码末尾执行。我注意到的是，即使.remove() ()是而不是调用的，也会执行指令。(??)
我的代码：
const myObject = { test:1 }
let myPromises = []
// This .set() will not get executed since I am not calling Promise.all()
console.log(`dbRoot.child('${path}/${uid}/${id}').set(myObject)`)
myPromises.push(dbRoot.ch
浏览 5提问于2020-08-24得票数 0
回答已采纳
我在一个方法中有两个Promise.all()工作块。我想将这两个Promise.all()组合成一个。单个Promise.all()包含一个执行异步任务的映射函数。示例：
let obj1 = [], obj2 = [];
await Promise.all(container1.map(async (item)=>{
obj1.push(await dbCall(item));
}))
await Promise.all(container2.map(async (item)=>{
obj2.push(await dbCall(item));
}))
上面的块填充
浏览 2提问于2020-01-23得票数 0
回答已采纳
3回答
我有一系列坚定的承诺：
[Promise, Promise, Promise, ...]
这些承诺中的每一个在解析后都会返回一个值。如何创建一个函数，将这个承诺数组的映射返回到每个承诺解析的值？
[value_1, value_2, value_3, ...]
到目前为止我得到的最接近的是：
const mapPromisesToValues = promises => {
Promise.all(promises, values => {
// how do I return these values from mapPromisesToValues
浏览 2提问于2018-06-04得票数 5
回答已采纳
1回答
关于如何做到这一点，我已经经历过几个问题和帖子，但没有一个有效。我尝试过一个可能的解决方案数组(不是双关语)，这些解决方案涉及Promise.*、thenable、await，但都没有奏效。
我从Prisma db调用中提取了一系列支付，对象如下所示：
[{
"id": 1,
"amount": 100,
"payment_data": [{
"credits": 2,
"subscription_id": 534
}, {
"
浏览 3提问于2022-07-19得票数 1
回答已采纳
2回答
在Promise.all之后如何从renderRedirect函数返回值？这是我的派单操作：
this.props.getChildrens(),
this.props.getTeachers(),
this.props.getTeachers()
renderRedirect函数：
renderRedirect = async () => {
Promise.all([
this.props.getChildrens(),
this.props.getTeachers(),
this.props.getTeachers()
]).the
浏览 5提问于2019-07-24得票数 0
1回答
我有一个简单的功能：
const oldUsers = Users.find(
{
isReminded: false,
creationDate: {
"$lt": new Date(Date.now() - thirtyDays),
},
},
);
然后：
export const notifyOldUsers = () =>
Array.isArray(oldUsers) ? oldUsers.map(async(user, i) => {
await Users.upda
浏览 1提问于2019-04-07得票数 0
回答已采纳
2回答
async function multiply(task) {
return task * 2
}
var arr = [1, 2, 3, 4];
var res = [];
arr.forEach(async task => {
res.push(await multiply(task))
});
console.log(res)
输出
[]
期望的
[2,4,6,8]
我想等到所有的项目被乘以2，然后得到一个数组的结果。
注意： multiply是一个异步函数，因此有必要在forEach中编写async task。我不能成倍地改变。
浏览 3提问于2020-09-08得票数 0
回答已采纳
1回答
当我映射一个对象以查看用户是否在线时，我想从Firestore中检索数据。我不确定如何检索数据。 当我使用Promise数组时(如下所示)，我得到Promise userInLobby。 如果我试图在firebase调用之前设置一个变量，则不能在.then()函数中更改该变量 const userInLobby = users ? (
users.map(userdata => {
if (userdata.status === "online") {
var user =
firebase.firestore().collec
浏览 14提问于2019-02-10得票数 1
回答已采纳
我在使用Promise.all()时遇到了问题。
我想将数组变量作为参数传递给Promise.all()，如下所示。
const promArr = []
if (condition1) {
promArr.push(() => prom1(arg1, arg2))
}
if (condition2) {
promArr.push(() => prom2(arg1, arg2))
}
if (promArr.length > 0) Promise.all(promArr)
但是，即使条件都是真的，上面也不会运行诺言函数(prom1，prom2)。(promArr.le
浏览 0提问于2017-10-19得票数 1
回答已采纳
我的nodejs接口函数：
exports.userSignup = (req, res) => {
const home = {
address: req.body.name,
phoneno: req.body.code,
};
Home.create(home)
.then((data) => {
createUser()
// i want to complete the above createUser() function fully then only i need to move to this bel
浏览 1提问于2018-06-23得票数 1
2回答
我需要递归地，在某些情况下，通过JSON和调用远程API。我需要返回最后修改的整个JSON，但是我想不出如何等到所有的承诺都实现了
const getObjectsOfRelated = (xmlAsJson, token) => {
if (testIfIwantCallApi()) {
const jsonToReturn = JSON.parse(JSON.stringify(xmlAsJson))
jsonToReturn.elements = callApi(xmlAsJson.text).then(result => {
retur
浏览 1提问于2019-08-08得票数 0
回答已采纳
我的头撞在墙上已经有一段时间了。我有一些节点代码，可以提取一系列googlecalendar事件，然后将这些事件映射到不同的对象结构上，以便在我的webapp中使用.作为其中的一部分，我需要将google日历事件中的用户与我的webapp数据库中的用户进行匹配。下面是代码：
router.post('/getCalendar', function(req,res) {
// authentication
var oauth2Client = getOAuthClient();
var session = req.session;
oauth2Client.s
浏览 1提问于2017-04-03得票数 0
1回答
我正在构建express中间件，以便对数据库进行两个异步调用，以检查用户名或电子邮件是否已经在使用。函数返回承诺时不带陷阱，因为我希望将数据库逻辑与req/res/next逻辑分开，并且具有集中化的错误处理，需要next作为参数。在本地环境下的邮递员测试中，以下代码按预期工作，我的集中式错误处理程序将错误返回给客户端：
async checkUsernameExists(username) {
await this.sequelize.transaction(
async () =>
await this.User.findOne({
浏览 5提问于2020-10-24得票数 12
回答已采纳
在这段代码中，有来自不同来源的数据，它以不同的延迟到达。这就是我使用异步调用的原因，但显然我做错了什么：
const handleCalculations = async ({
configuration,
product,
}) => {
const configurations = [];
const results = {};
/*
configurations get populated with elements
*/
await Promise.all(configurations.map(a
浏览 1提问于2022-08-30得票数 0
回答已采纳
我的代码如下所示： const router = require("express").Router();
const Post = require("../models/Post");
const User = require("../models/User");
router.get("/timeline/all", async (req, res) => {
try {
const currentUser = await User.findById(req.body.userId);
const
浏览 6提问于2021-09-26得票数 0
1回答
getUserInfo -接收所有用户的数组并将其传递给回调函数的函数。getUsersIds -返回用户ID数组(异步函数) getUserInfo -返回给定标识符的用户数据(异步函数) 该函数必须调用由第一个参数传递的回调，并在该回调中传递用户数据数组。 结果数组中用户的顺序必须与getUsersIds中数组中in的顺序匹配 const { getUserInfo, getUsersIds } = db;
function getUsersInfo(onLoad) {
let res = [];
getUsersIds(ids => {
ids.
浏览 10提问于2020-07-26得票数 0
这是我的用例：-我有两个URL，我发送相同的输入来填充一个参数-我需要解析JSON响应并从响应的键创建一个列表。
以下是我到目前为止拥有的代码：
function initialCall(input) {
let urls = [
`https://mybusinessendorsements.com/api/auth?token=0d34aa6dad5d50de697c62bdf8a633f4&industry=${input}`,
`http://mybusinessendorsements.com/api_spn/auth?token=0d34aa6dad5d
浏览 2提问于2019-02-23得票数 1
回答已采纳
2回答
我想使用异步/等待与fetch API。所以，我为return result.json()提供了2个异步函数。
我在Promise.all([])中添加了2 Promise，但返回的值是'function()‘。
我的代码：
// Load external users
const externalUsers = async () => {
const result = await fetch(url);
return result.json();
};
const localUsers = async () => {
const
浏览 0提问于2017-09-12得票数 4
5回答
我想获取多个url，但是当我尝试时，它会引发一个错误‘错误:作为回调传递的无效参数。预期会有一个功能。相反，接收:对象承诺‘。由于测试的缘故，数据在控制台中显示，这就是我想要的:来自4个不同URL的4个对象。但之后，我想将这些对象添加到一个空数组“所有的城市”中，这个数组已经在状态中声明了。如何修复下面的代码？顺便说一下，错误是当我想在取行url之后更改状态时：
this.setState({
allcities: [].concat(...data)
});
代码如下：
getWeatherAll = () => {
cons
浏览 0提问于2020-03-25得票数 0
3回答
用异步/等待方式获取数据时出错
、、、、
嗨，我正试着获取一个国家的数据，然后我想为它的邻国取名字。
import React from 'react';
export default function DetailsRoute({ match }) {
const [countryData, setCountryData] = React.useState({});
const [borderCountries, setBorderCountries] = React.useState([]);
React.useEffect(() => {
fetchCountr
浏览 16提问于2020-08-22得票数 1
回答已采纳
2回答
我正在尝试创建一个我想要实现的承诺数组，但是不确定如何最好地遍历它们。 我以为下面的代码能起到作用，但当我创建promises数组时，它出现了，实际上我把它们称为副作用，这不是我想要做的，直到Promise.all被击中。 import wait from 'waait'
const main = async () => {
console.log('Start')
const doStuff = async (name) => {
console.log('Do stuff called', na
浏览 24提问于2019-10-02得票数 2
1回答
下面的代码可以工作，除了我不想在解析时打印出结果，我希望能够以JSON格式组织它们。我想，我需要等待所有的承诺得到解决，但我不知道如何解决！
var webdriver = require('selenium-webdriver'),
By = webdriver.By,
until = webdriver.until;
var driver = new webdriver.Builder()
.forBrowser('chrome')
.build();
driver.get('www
浏览 4提问于2017-06-27得票数 1
1回答
我想要多个有回调的函数，这个函数将返回DB的数据。举个例子：
getStates: function (callback) {
try {
dbExecution.executeQuery("SELECT * FROM Table",
function (err) {
console.log(err);
}, function (rowCount, more, rows) {
if (rowCou
浏览 42提问于2018-10-15得票数 1
回答已采纳
所以我有一个2API链接，我想从和获得一些数据。
我想将来自/users的一些数据与/posts进行匹配，但是如何同时从这两个数据中提取
我知道如果我只想从/users那里得到答案，我会去
fetch('https://some_url/users')
.then(function(response){
return response.json();
})
.then(function(Data_users){
do stuff to Data_users
}
但是我想同时处理/users数据和/posts数据，所
浏览 0提问于2019-08-05得票数 0
回答已采纳
如何从array.map中的异步函数返回值--我正在尝试从它们访问值，但我得到了数组[[object Promise], [object Promise], [object Promise], [object Promise]]
我想要array1.map内部的异步，因为我有一些需要时间的进程，所以我需要使用等待。
var array1 = [1, 4, 9, 16];
// pass a function to map
const test = async ()=>{
const map1 = await array1.map(async x => 'hi');
浏览 1提问于2019-03-25得票数 0
回答已采纳
1回答
返回不会等待循环结束
、、、
我的代码(打字本)有问题：
async getAllServers(@Res() response) {
const servers = await this.serverService.getAllServers();
let bot = []
servers.map(async server => {
console.log(server.id)
bot.push(await this.serverService.getInfo(server.id));
浏览 5提问于2021-12-12得票数 0
回答已采纳
2回答
我试图在一个值(索引)数组上运行elasticsearch，但我遇到了javaScript异步问题：
function(indices) {
let results = [];
indices.forEach(d => ESClient.search({
index: d.indexName,
body: {
query: {
match: {
first_name: 'fred'
}
}
}
})
.then(re
浏览 7提问于2018-09-06得票数 0
我遇到了一段代码：
const results = await Promise.all(
[ Model1.find({}), Model2.find({}) ],
Model3.find({})
),
v1 = results[0],
v2 = results[1],
v3 = results[2]
它使用数组和单个对象调用all() -` models *是猫鼬模型。
这是一个很容易修复的错误，但
浏览 0提问于2018-08-29得票数 6
回答已采纳
我有几个返回axios承诺的Vuex操作。我想运行几次操作X，在这些操作结束后，我想运行几次操作Y，这是我尝试过的： async save() {
const ingredients = [{ 1 }, { 2 }]
const ingredients_actions = ingredients.map(async ing => await this.$store.dispatch('saveIngredients', ing))
const recipes = [{ a }, { b }, { c }]
const recipes_actions =
浏览 8提问于2020-04-21得票数 0
回答已采纳
当参数传递给每个承诺时，我如何向Promise.all添加一个承诺数组？
例如；
var config = {
name: [
function(val) {
return new Promise(function(resolve, reject) {
resolve('This is ok')
})
},
function(val) {
return new Promise(function(resolve, reject) {
resolve('This is ok&
浏览 1提问于2016-12-20得票数 14
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
云直播
对象存储活动推荐
腾讯云开发者
