Request/forLoop/Promise 嵌套娃娃地狱 - Node JS
Request/forLoop/Promise Nesting Doll Hell - Node JS
我使用的 API 具有一些有限的功能,并且我正在尝试组合对多个路由的多个调用,以根据单个关键字搜索为用户提供特定信息。这在 for 循环中创建了许多单独的请求,这些请求本身在其他请求结果的回调中,等等。最后我无法等待所有嵌套请求完成,直到我解决了原始的 Promise 和我的模板引擎呈现页面并响应用户的获取请求。因此,模板引擎正在呈现一个结果数组仍然为空的页面。
let discoveredMovies = [];
let personSearchCast = new Promise ((resolve) => {
request(UserSearchParamsURL1, {json:true}, (err, res, body) =>{
if (err) {
console.log(err);
resolve();
}
else if(!body.results.length || !body) {
resolve();
}
else {
for (const person of body) {
request(URL2, {json: true}, (err, res2, body2) => {
for (const movie of body2) {
request(URL3, {json:true}, (err, res3, body3) => {
movie[CertainParam] = false;
if (Certain Conditions) {
discoveredMovies.push(movie);
}
if (Other Conditions) {
discoveredMovies.push(movie);
}
if(More Conditions) {
movie[CertainParam] = true;
Object.assign(movie, {body3info: body3});
}
resolve();
});
};
});
};
}
});
});
personSearchCast.then(() => {
res.render("partials/foundpeoplemovies.ejs", {movies: discoveredMovies});
});
就目前而言,我知道所有请求调用都会发生,因为我可以将它们注销,但模板在它们完成之前呈现。我已经尝试创建几个异步等待函数并尝试连接它们,但我就是无法理解它。我还尝试使用计数器来调节 resolve() 直到循环内的所有循环都完成,但这也没有让我走得太远。
我知道代码很乱,但是有什么想法可以干净地完成我想做的事情吗?否则我将不得不弄乱用户界面并为用户添加一系列间歇性步骤,而不是在一次快速搜索中为用户提供所有信息。
为了回应 Bergi 的评论,您需要“承诺”您的 request
函数 -
async function requestJson(url) {
return new Promise((resolve, reject) =>
request(url, {json: true}, (err, res, body) => {
if (err)
reject(err)
else
resolve({ res, body })
})
)
}
现在您可以按预期使用 Promises -
async function searchCast(URL1) {
const discoveredMovies = []
const { body: cast } = await requestJson(URL1)
for (const actor of cast) {
const { body: movies } = await requestJson(URL2)
for (const movie of movies) {
const { body: details } = await requestJSON(URL3)
if (details[CertainParam] == someCondition)
discoveredMovies.push({ movie, details })
}
}
return discoveredMovies
}
下面是如何在网络表单中使用 searchCast
的示例 -
myForm.addEventListener("submit", async event => {
try {
const searchUrl = ...
const discoveredMovies = await searchCast(searchUrl)
console.log(discoveredMovies)
}
catch (err) {
console.error(err.message)
}
})
像我们上面那样使用for
循环将导致串行查询,即movies
子查询必须在移动到下一个之前完成。您可以并行使用 Promise.all
到 运行 所有子查询。另一种选择是对 Pool
到 limit/throttle 多个请求进行建模,以防止远程 API 泛滥。 .
中描述了这种技术
我使用的 API 具有一些有限的功能,并且我正在尝试组合对多个路由的多个调用,以根据单个关键字搜索为用户提供特定信息。这在 for 循环中创建了许多单独的请求,这些请求本身在其他请求结果的回调中,等等。最后我无法等待所有嵌套请求完成,直到我解决了原始的 Promise 和我的模板引擎呈现页面并响应用户的获取请求。因此,模板引擎正在呈现一个结果数组仍然为空的页面。
let discoveredMovies = [];
let personSearchCast = new Promise ((resolve) => {
request(UserSearchParamsURL1, {json:true}, (err, res, body) =>{
if (err) {
console.log(err);
resolve();
}
else if(!body.results.length || !body) {
resolve();
}
else {
for (const person of body) {
request(URL2, {json: true}, (err, res2, body2) => {
for (const movie of body2) {
request(URL3, {json:true}, (err, res3, body3) => {
movie[CertainParam] = false;
if (Certain Conditions) {
discoveredMovies.push(movie);
}
if (Other Conditions) {
discoveredMovies.push(movie);
}
if(More Conditions) {
movie[CertainParam] = true;
Object.assign(movie, {body3info: body3});
}
resolve();
});
};
});
};
}
});
});
personSearchCast.then(() => {
res.render("partials/foundpeoplemovies.ejs", {movies: discoveredMovies});
});
就目前而言,我知道所有请求调用都会发生,因为我可以将它们注销,但模板在它们完成之前呈现。我已经尝试创建几个异步等待函数并尝试连接它们,但我就是无法理解它。我还尝试使用计数器来调节 resolve() 直到循环内的所有循环都完成,但这也没有让我走得太远。
我知道代码很乱,但是有什么想法可以干净地完成我想做的事情吗?否则我将不得不弄乱用户界面并为用户添加一系列间歇性步骤,而不是在一次快速搜索中为用户提供所有信息。
为了回应 Bergi 的评论,您需要“承诺”您的 request
函数 -
async function requestJson(url) {
return new Promise((resolve, reject) =>
request(url, {json: true}, (err, res, body) => {
if (err)
reject(err)
else
resolve({ res, body })
})
)
}
现在您可以按预期使用 Promises -
async function searchCast(URL1) {
const discoveredMovies = []
const { body: cast } = await requestJson(URL1)
for (const actor of cast) {
const { body: movies } = await requestJson(URL2)
for (const movie of movies) {
const { body: details } = await requestJSON(URL3)
if (details[CertainParam] == someCondition)
discoveredMovies.push({ movie, details })
}
}
return discoveredMovies
}
下面是如何在网络表单中使用 searchCast
的示例 -
myForm.addEventListener("submit", async event => {
try {
const searchUrl = ...
const discoveredMovies = await searchCast(searchUrl)
console.log(discoveredMovies)
}
catch (err) {
console.error(err.message)
}
})
像我们上面那样使用for
循环将导致串行查询,即movies
子查询必须在移动到下一个之前完成。您可以并行使用 Promise.all
到 运行 所有子查询。另一种选择是对 Pool
到 limit/throttle 多个请求进行建模,以防止远程 API 泛滥。