在前端开发中，jQuery 是一个广泛使用的 JavaScript 库。其中，$(document).ready() 函数是常用的一种方式，可确保在文档完全加载后执行代码。但是，有时需要在文档未加载完成时也能访问某些变量或函数，此时就需要在 jQuery Ready 可用的全局定义中利用技巧。
全局变量和函数
在 jQuery 文档未加载完成时访问全局变量或函数，需要将其定义在 head 标签内，或者直接在 JavaScript 文件的顶部定义。这样可以确保它们在文档加载完成前就已经存在了。
-- -------------------- ---- -------
--------- -----
------
------
------------- ----- ---------------
------- -----------------------------
--------
--- --------- - ---------
-------- ------------ -
----------------------
-
---------
-------
------
---- ---- ---
-------
-------然后，在 $(document).ready() 中就可以直接访问这些变量和函数：
$(document).ready(function() {
console.log(globalVar); // 输出：我是全局变量
globalFunc(); // 输出：我是全局函数
});自执行函数
自执行函数是一种常用的技巧，可以在不影响页面性能的情况下在加载时执行代码。它的定义方式如下：
(function() {
// 代码
})();这种函数会立即执行，不需要等待文档加载完成。我们可以在自执行函数中定义全局变量和函数，以确保它们在文档未加载完成时也能访问。
-- -------------------- ---- -------
--------- -----
------
------
------------- ----- ---------------
------- -----------------------------
--------
----------- -
--- --------- - ---------
-------- ------------ -
----------------------
-
---------------------------- -
----------------------- -- ---------
------------- -- ---------
---
-----
---------
-------
------
---- ---- ---
-------
-------jQuery 插件
jQuery 插件是一种非常流行的技术，可以将特定功能封装为可重复使用的组件。插件通常在文档加载完成后通过 $(selector).pluginName() 调用，但有时需要在文档未加载完成时也能访问这些插件。
要实现这个目标，我们可以把插件代码放到一个自执行函数中，并将其作为全局变量定义。这样，即使文档未加载完成，我们仍然能够访问该插件。
var myPlugin = (function($) {
// 插件代码
$.fn.myPlugin = function(options) {
// 插件方法
};
})(jQuery);然后，在 $(document).ready() 中就可以使用该插件：
$(document).ready(function() {
$('selector').myPlugin();
});结论
在 jQuery Ready 可用的全局定义中利用技巧，是一种非常有用的技术。我们可以通过定义全局变量和函数、自执行函数以及 jQuery 插件，实现在文档未加载完成时也能访问某些变量或函数的目标。这些技巧不仅提高了代码的效率，还为开发者提供了更多的选择。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13392