解释 var img = new Image(); 的工作原理

Question

在使用 HTML5 画布时，我遇到了一些类似这样的代码：

var img = new Image();   // Create new img element

 img.addEventListener("load", function() {}, false);

img.src = 'myImage.png'; // Set source path

我的理解是当设置img.src 时，事件在最后一行执行。

那么load 事件在未被调用时是如何触发的呢？

考虑一下：

var psudpImage=function(){
var psudoSrc;
}

var img = new psudpImage();
img.psudosrc="'myImage.png'";

我知道我在这里遗漏了一些东西，这就是我问的原因。

在我的示例中，psudosrc 不会干扰函数的其他元素，那么为什么会在 Image() 函数中发生这种情况？

Answer 1

浏览器本身在内部调用事件处理程序。你曾经使用过onclick 事件吗？您也不会手动调用它 - 当您单击时，浏览器会调用该函数。这里也一样 - 当图像被加载时，浏览器调用处理程序。