javascript - 为什么要在 $(function () { ... }) 里面声明？

Question

我正在查看的应用程序加载了一个外部 javascript 文件，如下所示:

$(function () {

    // Don't allow browser caching of forms
    $.ajaxSetup({ cache: false });

    var dialogs = {};

    var getValidationSummaryErrors = function ($form) {
        // We verify if we created it beforehand
        ...
        ...
        }
        return errorSummary;
    };

我知道该文件设置了一些变量并声明了一个名为 getValidationSummaryErrors 的函数。

我不明白的是为什么这一切都在

$(function () {  ... }

这样做的目的是什么？我不能只在没有 "$(function () { }"的情况下在平面文件中声明变量和东西吗？

Answer 1

$(function() { ... }); 只是 $(document).ready(function() { ... }); 的缩写，这确保了在 DOM 准备好之前不会执行代码，否则某些影响 DOM 的代码可能无法正常工作。

参见 http://api.jquery.com/ready/