2

私はこのコードを持っていますが、期待どおりに機能しません（デモコードであり、より大きなプログラムから抽出されたものです）。

<!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（atmを気にする唯一のブラウザ）の両方で[実行]ボタンをクリックすると、最初のアラートボックスに「true」、2番目のアラートボックスに「undefined」と表示されます。

私の質問はその理由です、そしてどうすればそれを避けることができますか？

4

3 に答える 3

11

setTimeout渡された関数をウィンドウのコンテキストで実行するため、'this' はウィンドウを参照します。代わりにこれを試してください：

setTimeout(function(){
    test.go();
}, 500);
于 2009-06-09T15:21:02.940 に答える
4

行を変更する

setTimeout(test.go, 500);

と

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

あなたのスクリプトはうまくいくはずです。

于 2009-06-09T15:20:57.683 に答える
2

タイムアウトから「go」を呼び出すと、「this」が別のものを指しているように見えます。おそらくウィンドウを指しています。

このようなことを試してください

var fn = function(){
    test.go.apply(test, []);
}
setTimetout(fn, 500);
于 2009-06-09T15:19:13.723 に答える