JavaScript 函数上下文不正确

Question

我注意到 javascript 中有一个奇怪的东西。考虑以下内容：

var fn = ''.toUpperCase.call
console.log(typeof fn); // "function"
fn(); // Uncaught TypeError: `fn` is not a function

以上是在我的 Chrome 开发者控制台上执行的。版本是43.0.2357.81 m。

typeof 运算符清楚地表明 fn 是一个函数，但错误提示并非如此。

我注意到Function.apply 至少显示了一些有意义的错误消息。

那么，什么时候是函数，而不是函数？

Answer 1

Javascript 中的上下文总是通过您调用函数的方式建立的。

var fn = ''.toUpperCase.call

这会将call 函数的原型实现分配给fn。如果您现在调用fn()，则该调用没有上下文。 call 会尝试调用与之关联的函数对象。但是，该上下文是在调用时建立的。由于您在调用时没有提供任何上下文，call 的某些内部组件会引发错误。

你必须这样做：

fn.call(''.toUpperCase)

没错，你callcall函数，建立上下文，即toUpperCase字符串函数。在这种特定情况下，这将导致 toUpperCase 内部的另一个错误，因为 it 未绑定到特定上下文。您还需要明确地建立该上下文：

var fn = ''.toUpperCase.call
fn.call(''.toUpperCase.bind(''))

另见How does the "this" keyword work?

Answer 2

deceze's answer是对的，我只是想换个角度解释一下。

您的fn 是对Function.prototype.call 的引用，需要使用函数作为其this 引用来调用它，在这种情况下，call 的上下文是String.prototype.toUpperCase，它是通过@987654327 继承的@

除此之外，String.prototype.toUpperCase 还必须使用特定的上下文调用，字符串为大写。

这是另一种编写您想要的代码的方法，可以帮助您了解正在发生的事情。

    var str = 'aaa';
    var upper = ''.toUpperCase;
    var fn = upper.call;
    // Now we have to specify the context for both upper and fn
    console.log( fn.call(function() { return upper.call(str)}) ); // AAA

在您的示例中，fn() 正在尝试调用 call，但它没有指定上下文，通常默认为 window 对象，但在这种情况下，它只是使其成为 undefined，这会触发一个奇怪的错误在 Chrome 中（正如您所发现的那样），但 Firefox 更清楚这个问题，

TypeError: Function.prototype.call 在不兼容的未定义上调用

Answer 3

那么，什么时候是函数，而不是函数？

该函数是一个函数，但您没有正确执行它，如 cmets 和@deceze 的回答中所述

我注意到 javascript 中有一个奇怪的东西。

您似乎对您在测试环境中收到的消息感到困惑，该消息并不完全正确。

未捕获的类型错误：fn 不是函数

铬的当前稳定版本（在我的 linux 安装上为 40.0.2214.91，chrome 无法在我的硬件上运行而无需更改设置），chrome 是您测试的环境，提供看似更正确的错误消息，使更多感觉。

Uncaught TypeError: undefined is not a function

那么，您是在问/想问一个严肃的问题，还是只是在取笑某个 chrome 版本中的错误？