javascript - 抛出 TypeError，但函数仍然运行，为什么？

Question

我的控制台抛出一个未捕获的类型错误，因为它还不知道 jQuery 是什么，但随后继续执行加载，并加载内容，然后我得到 load完成消息。

我有以下代码:

jQuery(function($){
    $('#content-loader').load('someFile.html', function() {
        console.log('load complete');
    });
})();

为什么会发生这种情况，如何消除错误并加载到 html 文件中？

到目前为止，someFile.html 仅包含文本，没有脚本。

错误屏幕截图:

尝试的解决方案

(function($){
  ...code...
})(jQuery);

消除错误，但不加载 html 文件

Answer 1

您基本上是在调用jQuery(func)();。将函数传递给 jquery 可能会返回 jquery 对象，但不会返回可以使用最后的 () 调用的函数。您的错误消息准确无误: jQuery(..) 不是函数，因为它是 jQuery 调用的返回，是 jQuery 对象，而不是函数。

尝试使用:

(function($){
  ...code...
})(jQuery);

即:调用此匿名函数，该函数的参数 $ 向其传递 jQuery 。这是很多人使用的模式。

另一个快速(而且奇怪)的解决方案是从包装器中删除最后一个 () 和 $ 参数。