如何在请求之外访问、处理和传递响应数据?

Question

在下面的代码片段中，我希望能够访问请求函数之外的locationArray，我明白，在我的代码下面为什么它不会工作，但是，我已经尝试了许多不同的方法来访问数组。我试过使用承诺，回调函数等，然而，他们似乎都没有工作。

关于如何做到这一点，还有其他的想法吗?即使是我尝试过的方法，在这一点上，一切都值得一试。

request(process.env.RESOURCE_SHEET, (error, response, html) => {
var locationArray = new Array
if(!error && response.statusCode == 200) {

const $ = cheerio.load(html);

$("h3").each((i, lle) => {
const location = $(lle).text();

if(location.includes("Kansas")) return;
if(location.includes("In Stock")) {
var level = location + " ✅";
} else {
var level = location + " ❌";
}
locationArray.push(level);
});
} 
console.log(locationArray) // Output 1: [level1,level2,level3,leveletc]
});
console.log(locationArray) // Output 2: []

Answer 1

不仅可以考虑基于承诺的方法，正如已经建议的那样，还可以考虑代码重构，将不同的关注点分成任务，并将后者实现为可以馈送/传递给承诺链的函数。作为一个优势，重构的回报是人类可读的代码，也可能更容易维护…

function createRequest(src) {
return new Promise((resolve, reject) => {
request(src, (error, response, html) => {
if (!error && response.statusCode === 200) {
resolve(html);
} else {
reject({ error, response });
}
});
};
}
function handleFailedRequest(reason) {
const { error, response } = reason;
// proceed with failure handling based on
// either request data `error` and/or `response`.
}
function createLocationArray(html) {
const locationArray = [];
const $ = cheerio.load(html);
$('h3').each((i, lle) => {
const location = $(lle).text();
if (!location.includes('Kansas')) {
const isInStock = location.includes('In Stock');
locationArray.push(
`${ location } ${ isInStock && '✅' || '❌' }`
);
}
});
return locationArray;
}
function processLocationArray(array) {
console.log('locationArray ... ', array);
}
const promisedResponse = createRequest(process.env.RESOURCE_SHEET);
promisedResponse
.then(createLocationArray)
.then(processLocationArray)
.catch(handleFailedRequest);

Answer 2

@StackSlave是对的，它只需要一个承诺，我相信当我第一次尝试使用承诺解决它时，我搞砸了语法，但这似乎有效。

const promise = new Promise((resolve,reject) => {
request(process.env.RESOURCE_SHEET, (error, response, html) => {
var locationArray = new Array
if(!error && response.statusCode == 200) {

const $ = cheerio.load(html);

$("h3").each((i, lle) => {
const location = $(lle).text();

if(location.includes("Kansas")) return;
if(location.includes("In Stock")) {
var level = location + " ✅";
} else {
var level = location + " ❌";
}
locationArray.push(level);
resolve(locationArray);
});
} 
console.log(locationArray) // Output 1: [level1,level2,level3,leveletc]
});
});
promise.then(array => {
console.log(array);
});