Anruf eine anonyme Funktion definiert in einem setInterval

Question

ich diesen Code gemacht haben:

window.setInterval(function(){ var a = doStuff(); var b = a + 5; }, 60000) 

Der eigentliche Inhalt der anonymen Funktion ist natürlich nur für dieses kleine Beispiel, wie es spielt keine Rolle. Was wirklich passiert, ist, dass eine Menge von Variablen im Rahmen der Funktion selbst erzeugt wird, weil ich den globalen Raum nicht verschmutzen muss.

Aber wie Sie alle wissen, wird die Funktion doStuff() erst 60 Sekunden auf der Seite aufgerufen. Ich möchte die Funktion auch sofort aufrufen, sobald die Seite geladen ist, und von da an auch alle 60 Sekunden.

Ist es irgendwie möglich, die Funktion ohne Kopieren/Einfügen des internen Codes direkt nach der setInterval() Zeile aufzurufen? Wie gesagt, ich möchte den globalen Raum nicht mit nutzlosen Variablen verschmutzen, die außerhalb der Funktion nicht benötigt werden.

Answer 1

Sie können Ihre Callback-Funktion in einer Variablen setzen, und wickeln alles in einer selbst Aufruf anonymen Funktion auf:

(function() { 
    var callback = function() { 
     var a = doStuff(); 
     var b = a + 5; 
    }; 

    callback(); 

    window.setInterval(callback, 60000); 
})(); 

Keine Verschmutzung.

Answer 2

Dies ist möglich, ohne globale Variablen als auch die Schaffung:

setInterval((function fn() { 
console.log('foo'); // Your code goes here 
return fn; 
})(), 5000); 

Eigentlich diese Art und Weise wird, erstellen Sie keine Variablen überhaupt.

In Internet Explorer wird die fn-Funktion jedoch aus dem umgebenden Bereich (aufgrund eines Fehlers) zugänglich gemacht. Wenn Sie nicht wollen, dass das geschehen kann, einfach wickeln alles in einem selbst Aufruf anonyme Funktion:

(function() { 
setInterval((function fn() { 
    console.log('foo'); // Your code goes here 
    return fn; 
})(), 5000); 
})(); 

Credit Paul Irish für sharing this trick.

---

Edit: Antwort mit etwas mehr Informationen aktualisiert, dank bobince.

Answer 3

noch eine andere Lösung:

(function() { 
    var a = doStuff(); 
    var b = a + 5; 
    window.setTimeout(arguments.callee, 60000); 
})(); 

Dieses verwendet Timeout statt Intervall, so dass es das erste Mal laufen und führen Sie dann ist es selbst wieder nach einem Timeout.