为什么即使在javascript中在本地范围内为其赋值之后，全局变量仍未定义

Question

我对闭包属性的理解是，函数作用域内的每个变量都可以访问函数所在的父作用域中的所有变量，

所以考虑到这个定义我不明白我的代码的行为如下：

var mouseX, mouseY;

window.onload = function() {

    this.addEventListener('mousemove', function() {
        mouseX = event.clientX;
        mouseY = event.clientY
    }); // mouseX and mouseY are defined

    petObj = new Pets();


   }

function Pets(){
document.getElementById('imageList').addEventListener('mouseenter',function()
                                       {
                                       console.log(mouseX)} //undefined mouse X!!!
                                       }

我接受在mousemove事件监听器的匿名函数中指定mouseX来引用在函数外声明的全局变量。 但是你可以看到它在匿名函数范围之外保持未定义

Answer 1

您正在设置事件处理程序的“load”处理程序中记录“mouseX”的值。 尚未发生任何事件，因此变量仍未undefined 。

这些变量是可用的，如果你在事件处理程序中放置一个console.log()调用，或者在某些“mousemove”事件发生后代码运行，那么你会看到值正在更新。

Answer 2

我将变量的名称从mouseX更改为mouseXX并且它可以工作，不确定它为什么工作，也许jquery命名空间搞乱变量名称