未捕获的类型错误：属性“fn”对象 [object DOMWindow] 的不是函数

Question

我知道如何修复此错误，但有人告诉我为什么会发生此错误的全面解释吗？

var fn = function () {
  return fn();
}(); //uncaught TypeError: Property 'fn' of object [object DOMWindow] is not a function

Answer 1

当在全局作用域中使用 var 关键字时，声明的变量将成为全局对象的属性。在 Web 浏览器中，全局对象是 window 对象，它本身是 DOMWindow() 的实例。因此，利用这些知识，我们可以将代码重写为如下所示：

window.fn = function () {
    return window.fn();
}();

去掉初始赋值，我们

(function () {
    return window.fn();
})();

......定义了一个匿名函数，其中调用 window.fn() 。但是，在这段代码运行时，window.fn 不是一个函数（并且永远不会是），因此会抛出异常，因为您试图调用它，即使它没有内部 [[Call]] 标志。

如果取消匿名函数的立即执行，那么 window.fn 将是一个函数：

var fn = function () {
    return fn();
}
fn(); //-> infinite loop

Answer 2

var fn = function () {
  return fn();
}();

1. 上面的代码是一个变量语句。变量fn 已声明，其值设置为undefined（目前）。

2. function () {}() 是一个 IIFE。 IIFE 是立即调用的函数。

3. 该 IIFE 包含一个语句 - 一个 return 语句。由于 IIFE 已被调用，return 语句立即执行。

4. 那个return语句包含这个表达式：fn() - 它是一个函数调用。但此时 fn 是什么？它是一个函数吗？不。它仍然是未定义。调用 undefined 值将引发错误。

---

我假设您可能想要实现这种模式：

var fn = (function () {

    var private = 0;

    function utility() { ... }

    return function () { ... };

})();

现在，fn 是一个对 private 变量和 utility private 具有独占访问权限的函数功能。

Answer 3

你所说的是

1. 执行函数 function () { return fn(); }
2. 将返回值存储在名为 fn 的变量中

当然，问题在于，当 #1 发生时，fn 尚未定义，因此函数调用不能使用它； fn 不是函数。这相当于说“将X的值设置为X的值”，这是没有意义的。

除非您实际上试图返回调用 fn 的结果，这更没有意义。因此，即使它没有抱怨 fn 尚未定义，您仍然会得到无限递归，其中函数调用返回返回值的返回值......
正如 Shef 所说，这就是所谓的堆栈溢出错误

Answer 4

var fn = function () {
  return this;
}();

---

你不能这样写，因为变量类型函数的定义没有在其他代码之前详细说明。除此之外，您尝试做的事情毫无意义。您可以创建如下函数：

function fn(){
    return fn();
}

fn();

但是您将遇到 stack_overflow 错误。