setTimeoutメソッドで呼び出されたときのJavascriptリテラルは、その変数を失います

StackOverflow https://stackoverflow.com/questions/970699

質問

私は、コードのこの部分を持っている、と私は期待通りに動作しません(それは大きなプログラムから蒸留デモコード、です):

<!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ボタンをクリックすると、最初の警告ボックスが「真」を示し、二番目の「未定義」。

私の質問は、なぜある、そしてどのように私はそれを避けることができますか?

役に立ちましたか?

解決

setTimeout の「これは」ウィンドウを指すように、ウィンドウのコンテキストに渡された機能を実行します。代わりにこれを試してください:

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

他のヒント

タグラインを変更
setTimeout(test.go, 500);

タグ付き
setTimeout(function(){test.go()}, 500);

と、あなたのスクリプトが正常に動作shoudます。

あなたはタイムアウトから「行く」と呼ぶとき

これは、何か他に「これ」の点のように見えます。それはおそらく、ウィンドウを指します。

このような何かを試してみてください
var fn = function(){
    test.go.apply(test, []);
}
setTimetout(fn, 500);
ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top