替代arguments.callee

Question

我有一个EventListener ，它侦听整个文档并记录击键，但是我想在满足某些条件时删除此Listener。

以下是我的代码片段：

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);
    }
});

此方法有效，但是根据Mozilla开发人员文档，此方法已被弃用。

我知道我可以简单地命名函数，但是有没有其他选择可以让我继续使用未命名的函数呢？

Answer 1

使用以下过程：

• 创建一个变量
• 给变量分配一个匿名函数
• 用变量引用调用它
• 匿名函数使用变量名引用自身

像这样使用它：

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

document.addEventListener('keyup', foo);

您可以使用y组合器轻松解决此问题：

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

现在，您可以按以下方式重写代码：

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);
}));

那是所有人。

Answer 2

使用另一个匿名函数作为包装器，将命名函数（被调用方填充）存储到原始函数中：

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);

参考文献

• 严格模式即将来临

• ES3.1：arguments.callee

• 在XPath 3.0中使用匿名（内联）函数进行递归

• XPath 3.0，第二部分中使用匿名（内联）函数进行递归