En el siguiente código, desde el primer archivo console.log, puedo ver que el nombre del archivo de resultado cambia en cada iteración. Sin embargo, el segundo console.log siempre proporciona el último nombre de archivo de resultado. ¿Cómo hago que el nombre del archivo en el segundo console.log cambie con la iteración?

 for (clipIndex = 0; clipIndex < unrollWordCounts(getAllWantedWords()).length; clipIndex++) { try { var clip = allClips[clipIndex]; clip.style.display = 'None'; var audioBlobUrl = clip.querySelector('audio').src; var word = clip.querySelector('p').innerText; var filename = word + '_' + Date.now() + '.ogg'; console.log(filename);//first console.log fetch(audioBlobUrl).then(r => r.blob()).then(blob => { var fr = new FileReader; fr.onload = f => { var obj = {data: [...new Int8Array(f.target.result)], mimeType: blob.type,filename}; console.log(filename);//second console.log google.script.run.withSuccessHandler(onSuccess).uploadFiles(obj); }; fr.readAsArrayBuffer(blob); }); } catch (err) { console.log(err); } }