存储对 `call` 函数的引用

Question

我今天早些时候注意到了一些奇怪的事情。我似乎无法存储对函数的call 属性的引用，然后执行它。示例：

var log = console.log;
log.call(console, 'This works'); 

var logCall = console.log.call;
logCall(console, 'This does not');

对我来说，这似乎是完全合法的 Javascript，但第二次调用总是给我undefined is not a function 的错误。随意使用它here，你会得到相同的结果。

那么为什么 Javascript 会阻止我以这种方式调用 call？

编辑：在阅读了 SimpleJ 的答案后，我终于明白了。因此，我将通过如何使上述内容正常工作来更新此内容：

var log = console.log;
log.call(console, 'This works'); 

var logCall = console.log.call;
logCall.call(console.log, console, 'This works now too');

问题是console.log 接收到了正确的this 值，但console.log.call 没有得到正确的this 值。如您所见，我基本上必须执行console.log.call.call。显然你永远不会真正使用这样的代码，我只是好奇。

Answer 1

您需要保持绑定到控制台。试试这个：

var logCall = console.log.call.bind(console.log);
// example: logCall(console, "foobar");

或

var log = console.log.bind(console);
// example: log("foobar");

对于log的绑定引用。

编辑： jsfiddle：http://jsfiddle.net/67mfQ/2/

Answer 2

这是我最喜欢的 JavaScript 代码：

var bind = Function.bind;
var call = Function.call;

var bindable = bind.bind(bind);
var callable = bindable(call);

您可以使用bindable 函数获取对f.bind 的引用。同样，您可以使用callable 函数获取对f.call 的引用，如下所示：

var log = callable(console.log, console);

现在您需要做的就是像调用任何其他函数一样调用log 函数：

log("Hello World!");

就是这样。