前阵子因为试用 Visual Studio Code 与 Electron 写了一个小专案
刚好写到跟你问题一模一样的东西，code 在此
https://github.com/s25g5d4/SlideShow/blob/master/scripts/main.js#L76
我使用 mrbigmouth 板友提到的 async.js 套件，你可以参考一下
configs.images 是一个包含数个字串的阵列 (就是图档档名)
loadImg 函数会试着把这些图档加载，具体行为是
1. 建立 Image() 并检查是否有 cache (透过检查 complete 属性)
2. 挂上 onload 事件
3. 挂上 onerror 事件
imgDone 函数是当 configs.images 里所有图档都加载后
过滤错误的图片，将页面初始化并开始绘制画面

详细的解说，我印象中如果在循环内的function 直接使用上层的变量很可能在执行时与一开始的想法有出入，特别又是img onload，但早上回文时没有再实做确认一次，也许错了:)

谢谢大大详细讲解！检查快取那一步让我学到了新东西！