javascript - 了解闭包及其作用域

Question

我无法理解闭包和作用域。在出现意想不到的行为之前，我非常确定自己理解它。

function doSomething () {
    // Code unrelated to frag

    var rightDiv = document.createElement(rightDiv);

    var img, i, frag = document.createDocumentFragment();
    for (i = 0; i < photoIDs.length; i++){
        img = new Image();
        addClass(img, "popup-image-preview");
        img.src = "photos/"+photoIDs[i]+".jpg";
        frag.appendChild(img)
    }
    // add popup for preview
    addEvent(rightDiv, "mouseover", function() {
        showPopup(frag, this);
        console.dir(frag);
    });

    // more code unrelated to frag
}

我预计 onmouseover 处理程序仍然可以访问包含图像的 DocumentFragment。但是当我在控制台中查看它时，它不再有任何 child 。这个特定的匿名函数是否可以访问 这个特定的 doSomething 执行的局部变量的值，或者对 doSomething 的后续调用是否会影响先前执行的关闭？后者将使我的情况变得可以理解，因为随后对 doSomething 的调用可能有一个空的 frag 。

Answer 1

一般来说，您是对的，您的代码应该按预期工作。但有几件事让我们感到疑惑:

• rightDiv 在哪里定义的？看起来您正在向该“节点”添加越来越多的 mouseover 事件，因为它不是上下文的一部分。

• addEvent 或 showPopup 是否修改了 frag 变量上的任何内容？