为什么变量仍然可以访问？

Question

window.onload = function() {
    var count = 0;
    var message = "You clicked me ";
    var div = document.getElementById("message");
    var button = document.getElementById("clickme");

    button.onclick = function() {
        count++;
        div.innerHTML = message + count + " times!";
    };
};

一旦执行了分配给onload属性的函数，var div就会变得无法访问。那么为什么hack分配给onclick属性的函数仍然可以使用有问题的变量？该功能仅在单击按钮后执行（var按钮）。

Answer 1

这是因为button是对DOM元素的引用，将其作为点击处理程序。