为什么 console.log 显示 html 文档中有 0 个加载的图像？

Question

我一直在根据一个 youtube 教程根据 html 文档中的图像计数来制作预加载器。

我卡住了，不明白为什么 console.log 命令说加载的图像数量为 0，尽管我在 html 文档中有一些图像。

我已经制作了代码框，以便人们可以轻松查看代码： https://codesandbox.io/s/preloader-mip2o?file=/app.js

感谢您的帮助！

Answer 1

它发生了，因为 JavaScript 是异步工作的。 我在image_loaded 函数中添加了 1 行：

function image_loaded() {
  alert("In image_loaded")
  images_loaded_count++;
...

之后我在浏览器中运行它，发现在实际加载图像之前调用了 console.log。