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

Question

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

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

我制作了codesandbox，方便大家看代码： 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 在实际加载图像之前被调用。