JS异步循环中count变量值不一致问题求助

你遇到的核心问题是异步回调的执行时机滞后于同步代码：downloadPDF的回调函数会在当前循环的count++执行之后才触发，此时count已经被后续的循环迭代递增，导致回调里打印的count和之前循环里的不一致。

下面提供两种可行的解决方案：

方案1：捕获当前迭代的count值 #

在每次循环中，把当前的count值用局部变量保存，回调里使用这个局部变量代替全局的count，彻底避免后续count++的影响：

let count = 0;

for (let docNumber = 0; docNumber < values.length; docNumber++) {
    for await (const mat of values[docNumber]) {
        try {
            const currentCount = count; // 捕获当前循环的count值
            console.log(currentCount); 
            downloadPDF(mat.dates, "data/pdf/", currentCount, spe, function(err, hasDownloaded) {
                if (err) {
                    console.log(err);
                } else {
                    if (hasDownloaded) {
                        console.log(currentCount); // 使用捕获的局部变量
                        programs[currentCount] = mat.listProgram;
                        matieres[currentCount] = mat.matiere;
                    }
                }
            });
            count++;
        } catch (err) {
            callback(err, undefined);
            console.log(err);
        }
    }
}

方案2：将回调式函数转为Promise并await（推荐） #

把回调风格的downloadPDF封装为Promise版本，用await等待异步操作完成，确保count++在回调逻辑执行后再触发，让代码执行顺序更符合直觉：

首先封装downloadPDF为Promise：

function downloadPDFPromise(dates, path, count, spe) {
    return new Promise((resolve, reject) => {
        downloadPDF(dates, path, count, spe, function(err, hasDownloaded) {
            if (err) reject(err);
            else resolve(hasDownloaded);
        });
    });
}

然后修改循环代码：

let count = 0;

for (let docNumber = 0; docNumber < values.length; docNumber++) {
    for await (const mat of values[docNumber]) {
        try {
            console.log(count); 
            const hasDownloaded = await downloadPDFPromise(mat.dates, "data/pdf/", count, spe);
            if (hasDownloaded) {
                console.log(count); // 此时count未被递增，值和之前一致
                programs[count] = mat.listProgram;
                matieres[count] = mat.matiere;
            }
            count++; // 异步操作完成后再递增count
        } catch (err) {
            callback(err, undefined);
            console.log(err);
        }
    }
}

这种方式不仅解决了变量值不一致的问题，还能避免回调嵌套，让代码结构更清晰。

内容的提问来源于stack exchange，提问作者MaxBrt18