Javascript （function（）{}）（）之间有什么不同；到$（document）.ready（函数（））

（function（）{}）（）之间的区别是什么

和

$（文档）.ready（函数（））

第一：

（函数（）{}）（）

第二个：
$（文档）.ready（函数（））

我有个问题。

如果我在第一个选项中使用它，单击它时会出现错误。错误在于它不工作，并且没有错误。
但是如果我使用第二个，就没有错误。它不起作用。
两者之间有什么区别？
这将立即执行：

(function(){
    console.log("Called immediately invoked function expression");
})();

其中，传递给jquerys函数的函数将在可以安全操作文档时执行：

$(document).ready(function () {
    console.log("The document is safe to be interacted with");
});

第一个方法导致错误的原因很可能是因为在调用函数时HTML文档还没有准备好进行交互（即immednaitly）

但是，第二种方法将确保（在大多数情况下）在调用该函数之前加载并呈现任何脚本、HTML或其他资源（该函数中定义的JavaScript可能依赖于这些资源）。
Nice explaution@dacreow Thank@daydreamer-非常感谢！）