window.onload 是暂停脚本还是只是等待直到值为真并运行语句？

Question

出于好奇，如果我正在使用例如。

window.onload = function() {
    testFunction();
};

function testFunction() {
    alert("Hello World!");
}

这是暂停脚本还是只是等待 window 加载值为真且运行语句？我确信它是后者，但为了更好地理解脚本行为，我很想找到更多知识渊博的编码人员的答案。

Answer 1

它是一个事件侦听器。

您可能想尝试 Chrome 的视觉事件扩展。它会向您显示当前附加到所显示页面的所有事件侦听器。

Answer 2

window.onload = ... 只是一个赋值：它将函数存储在 window.onload 变量中。当事件发生时，JavaScript 引擎查看相应的 onsomething 属性并运行分配给该变量的函数。事实上，这也是有效的：

function testFunction() {
    alert("Hello World!");
}

window.onload = testFunction;

与 addEventListener 函数绑定的函数也是如此。

window.addEventListener("load", function(e) {
    // do something
});

window.addEventListener("load", function(e) {
    // do something else
});

这只是将函数添加到底层函数列表中，加载事件发生时将调用这些函数。当您需要将多个事件绑定到同一个对象时，这是必需的。

Does window.onload pause the script or simply awaits till value is true and runs the statement?