jquery - 为什么变量包装在 setTimeout 中时不传递

Question

如果intervalIsClear为true，则hoveredItemIndex将正确拾取LI元素的索引。

如果intervalIsClear为假，则hoveredItemIndex在setTimeout()内声明，但返回-1。为什么一旦封装在 setTimeout() 中就找不到索引？

function()
                {
                    if (intervalIsClear == true){

                        hoveredItemIndex = $('.menu li').index(this);
                        changeToHoverText();
                    } else {
                        hello = setTimeout(function(){
                            hoveredItemIndex = $('.menu li').index(this);
                            alert (hoveredItemIndex);
                            changeToHoverText();
                        },500);
                    }
                }

Answer 1

这是因为当执行该函数时，setTimeout 的回调会更改该方法的执行上下文。这意味着 setTimeout 回调内部和外部的 this 变量指向不同的对象。

使用$.proxy手动分配回调方法的执行上下文

function () {
    if (intervalIsClear == true) {

        hoveredItemIndex = $('.menu li').index(this);
        changeToHoverText();
    } else {
        hello = setTimeout($.proxy(function() {
            hoveredItemIndex = $('.menu li').index(this);
            alert(hoveredItemIndex);
            changeToHoverText();
        }, this), 500);
    }
}