SetTimeout-Bereichsproblem

Habe ich ein setTimeout definiert, die innerhalb einer Funktion steuert der Spieler respawnen (ich bin ein Spiel zu schaffen):

var player = {
    ...
    death:(function() {
        this.alive = false;
        Console.log("death!");
        var timer3 = setTimeout((function() {
            this.alive = true;
            Console.log("alive!");
        }),3000);
    }),
    ...
}

Wenn es ausgeführt wird, lese ich in der console", " Tod!" und 3 Sekunden später "alive!". Allerdings alive ist nie wirklich true zurück, denn wenn ich Schreibe player.alive in der Konsole, es gibt false. Wie kommt es, dass ich sehen kann, "lebt!", aber die variable wird nie wieder auf true?

InformationsquelleAutor der Frage Polyov | 2012-07-30

  1. 26

    Müssen Sie vorsichtig sein, mit this. Weisen Sie Ihre this im äußeren Gültigkeitsbereich einer variable. Die this Stichwort immer bezieht sich auf die this des aktuellen Bereichs, die änderungen jedes mal, wenn Sie wickeln Sie etwas in function() { ... }.

    var thing = this;
thing.alive = false;
Console.log("death!");
var timer3 = setTimeout((function() {
    thing.alive = true;
    Console.log("alive!");
}),3000);

    Dies sollte Ihnen einen besseren Erfolg.

    InformationsquelleAutor der Antwort zostay

  2. 12

    Weil this im setTimeout - handler bezieht sich auf window auf, welche vermutlich nicht den gleichen Wert wie verwiesen durch this außerhalb der Prozedur.

    Können Sie cache der äußere Wert, und verwenden Sie es im inneren...

    var self = this;

var timer3 = setTimeout((function() {
    self.alive = true;
    Console.log("alive!");
}),3000);

    ...oder Sie verwenden können, ES5 Function.prototype.bind...

    var timer3 = setTimeout((function() {
    this.alive = true;
    Console.log("alive!");
}.bind(this)),3000);

    ...obwohl, wenn Sie die Unterstützung von legacy-Implementierungen, müssen Sie hinzufügen einen shim zu Function.prototype.

    ...oder wenn Sie arbeiten in einem ES6 Umgebung...

    var timer3 = setTimeout(()=>{
    this.alive = true;
    Console.log("alive!");
},3000);

    Weil es keine Bindung von this in Pfeil-Funktionen.

    InformationsquelleAutor der Antwort

  3. 7

    Nur falls jemand dies liest, der neuen javascript-syntax können Sie binden einen Bereich, eine Funktion mit "binden":

    window.setTimeout(this.doSomething.bind(this), 1000);

    InformationsquelleAutor der Antwort Kokodoko

  4. 4

    Wahrscheinlich, weil this ist nicht erhalten in der timeout-callback. Versuchen:

    var that = this;
...
var timer3 = setTimeout(function() {
    that.alive = true;
    ...

    Update (2017) - oder verwenden Sie eine lambda-Funktion, die implizit erfassen this:

    var timer3 = setTimeout(() => {
    this.alive = true;
    ...

    InformationsquelleAutor der Antwort James McLaughlin

  5. 3

    Mit ES6-Funktion, syntax, Rahmen für 'das' ändert sich nicht innerhalb setTimeout:

    var timer3 = setTimeout((() => {
    this.alive = true;
    console.log("alive!");
}), 3000);

    InformationsquelleAutor der Antwort Samantha Guergenenov

Schreibe einen Kommentar