微信小程序开发的过程中遇到的坑—for循环与success回调函数

作为一名准研究生，已经提前在学校干活了…导师最近让我做一个垃圾分类+图像识别的小程序，由于之前从未接触过小程序与后端的开发，所以写一些博客来记录一下开发过程中遇到的坑

问题描述

作为一个垃圾分类的小程序，我希望实现历史记录回顾的功能，因此设计了一个页面用来展示历史记录，而历史记录需要小尺寸图片，所以图片需要从远程服务器下载。我的想法是将历史记录一条一条的作为一个整体数组存在小程序的缓存中，然后在历史记录页面Show的时候，检测对应的记录的图片是否已经缓存到本地，如果没有缓存到本地，则去远程服务器下载，并将其缓存到本地，将缓存到的地址存到记录对象中。

代码展示

 for (var i = 0; i < historys.length; i++) {
      console.log(i, historys[i].filePath === "")
      if (historys[i].filePath === "") {
       
        wx.downloadFile({
          url: 'http://www.littlezhu.top/download' + '?imagePath=' + '57fa7b4490b3a32c3b11f1afcaf5bbb1.jpg',
          success: res => {
            if (res.statusCode === 200) {
              console.log('图片下载成功' + res.tempFilePath)
              //使用小