Question

我有这段代码，它没有按照我的预期工作（这是演示代码，从大型程序中提取）：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Test</title>

<script language="javascript" type="text/javascript">
var test = {
    variable: true,
    go: function() {
        alert(this.variable);
    }
};

function s() {
    test.go();
    setTimeout(test.go, 500);
}

</script>

</head>
<body>
<form action="#">
<input type="button" value="Go" onclick="s();" />
</form>
</body>
</html>

当我在IE和FF（我唯一关心的浏览器）中单击Go按钮时，第一个警告框显示“true”，第二个警告框显示“undefined”。

我的问题是为什么，我该如何避免呢？

Answer 1

setTimeout 将在窗口的上下文中执行传递的函数，因此“this”指的是窗口。试试这个：

setTimeout(function(){
    test.go();
}, 500);

Answer 2

更改行

setTimeout(test.go, 500);

与

setTimeout(function(){test.go()}, 500);

并且您的脚本应该可以正常工作。

Answer 3

当您从超时调用“go”时，看起来“this”指向其他内容。它可能指向窗口。

尝试这样的事情

var fn = function(){
    test.go.apply(test, []);
}
setTimetout(fn, 500);

使用setTimeout调用时，Javascript文字会丢失其变量

3 个答案: