Javascript letterale perde le sue variabili quando viene chiamato con setTimeout

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

Domanda

Ho questo pezzo di codice, e non funziona come mi aspetto (è il codice demo, distillato da un programma più ampio): 

<!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>

Quando si fa clic sul pulsante Vai, sia in IE e FF (gli unici browser che preoccupano atm), la prima finestra di avviso mostra "vero", il secondo "indefinito".

Le mie domande sono perché, e come posso evitarlo?

È stato utile?

Soluzione

setTimeout eseguirà la funzione passata nel contesto della finestra, in modo da 'questo' si riferisce alla finestra. Prova a modificare: 

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

Altri suggerimenti

cambiare la linea 

setTimeout(test.go, 500);

con 

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

e lo script shoud funzionano bene.

Si presenta come "questo" indica qualcosa di diverso quando si chiama "andare" dal timeout. probabilmente punta a finestra.

provare qualcosa di simile 

var fn = function(){
    test.go.apply(test, []);
}
setTimetout(fn, 500);
Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top