为什么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在实际加载图像之前被调用。