javascript - IE8中带有参数的setTimeOut不起作用

Question

有人能告诉我哪里出了问题吗，我已经在 Firefox 和 Chrome 中测试过它，它工作正常，只需要它现在在 IE8 中工作。

        setTimeout(function(it) {
            x = $('.menuheader:first-child').position().left;
            w = $('.menuheader:first-child').width();
            p = x + w + 16;
            $(it).next().css('left', p);
            $(it).next().show();
        }, 200, this);

也试过...

        function showmenu(it){
            x = $('.menuheader:first-child').position().left;
            w = $('.menuheader:first-child').width();
            p = x + w + 16;
            $(it).next().css('left', p);
            $(it).next().show();
        }

        window.setTimeout(function() {
            showmenu(this)
        }, 200);

Answer 1

将参数“传递”给不能接受它们的函数的正确传统方法是使用闭包：

var that = this;
setTimeout(function(){ doStuff(that);}, 200);

function doStuff(it) {
   x = $('.menuheader:first-child').position().left;
   w = $('.menuheader:first-child').width();
   p = x + w + 16;
   $(it).next().css('left', p);
   $(it).next().show();
}

一个较新的替代方案（与没有 polyfill 的 IE8 不兼容）：

 setTimeout(doStuff.bind(null, this), 200);

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind

Answer 2

我从来没有发现setTimeout参数特别可靠，所以我只是这样做：

var it = this;
setTimeout(function() { ... }, 200);