Alternative zu arguments.callee

Question

Ich habe eine EventListener, die auf das gesamte Dokument hört und Tastenanschläge aufzeichnet, aber ich möchte diesen Listener entfernen, wenn bestimmte Bedingungen erfüllt sind.

Im Folgenden ist ein Ausschnitt aus meinem Code:

document.addEventListener('keyup', function(e) { 
    var letter_entered = String.fromCharCode(e.keyCode).toLowerCase(); 
    player.makeGuess(letter_entered); 

    if(player.win_status === true || player.lose_status === true) { 
     document.removeEventListener('keyup', arguments.callee, false); 
    } 
}); 

Dies funktioniert jedoch nach dem Mozilla Developer Docs diese Methode ist veraltet.

Ich bin mir bewusst, dass ich die Funktion einfach benennen kann, aber gibt es eine Alternative, die mir erlauben würde, die unbenannte Funktion weiter zu verwenden?

Answer 1

Verwenden Sie eine andere anonyme Funktion als Wrapper eine benannte Funktion zu speichern (Rufenen Shim), um Ihre ursprüngliche Funktion:

document.addEventListener('keyup', (function(e) 
    { 
    var aFunction = function() 
    { 
    var letter_entered = String.fromCharCode(e.keyCode).toLowerCase(); 
    player.makeGuess(letter_entered); 
    }; 

    if(player.win_status === true || player.lose_status === true) 
    { 
    document.removeEventListener('keyup', window, false); 
    } 
    else 
    { 
    aFunction(); 
    } 
    } 
), false); 

Referenzen

• Strict Mode is Coming to Town

• ES3.1:arguments.callee

• Recursion with anonymous (inline) functions in XPath 3.0

• Recursion with anonymous (inline) functions in XPath 3.0, Part II

Answer 2

Mit dem folgenden Prozess:

• Erstellen einer Variablen
• auf die Variable
• eine anonyme Funktion zuweisen Invoke es mit dem variablen Referenz
• Die anonyme Funktion Referenzen selbst die Variablennamen mit

sich als solche Verwendung:

var foo = function(e) 
    { 
    "use strict"; 
    console.log(e); 
    document.removeEventListener('keyup', foo, false); 
    } 

document.addEventListener('keyup', foo); 

Sie dieses Problem leicht den y combinator mit lösen kann:

function y(f) { 
    return function() { 
     return f.bind(null, y(f)).apply(this, arguments); 
    }; 
} 

Jetzt können Sie Schreiben Sie Ihren Code wie folgt neu:

document.addEventListener("keyup", y(function (callee, e) { 
    player.makeGuess(String.fromCharCode(e.keyCode).toLowerCase()); 
    if (player.win_status || player.lose_status) document 
     .removeEventListener("keyup", callee); 
})); 

Das ist alles Leute.