在Web开发中，我们常常需要在不同的函数或方法中共享数据。在jQuery中，可以通过多种方法来存储全局值，包括使用全局变量、data()方法、以及$.fn.extend()方法等。但是，在选择使用哪种方法时，需要考虑到其优缺点以及适用场景。
使用全局变量
使用全局变量是一种简单直接的方法，可以将数据存储在全局作用域下，并在需要时获取它们。例如：
var globalValue = "Hello World";
function foo() {
console.log(globalValue);
}但是，这种方法存在潜在的问题。过多的全局变量会导致命名冲突和代码混乱，并且可能会被其他库或插件滥用或覆盖。
使用data()方法
jQuery提供了一个便捷的方法来存储元素的数据，即data()方法。该方法可以将任意类型的数据存储在元素上，并在需要时获取它们。例如：
<div id="myDiv"></div>
$("#myDiv").data("globalValue", "Hello World");
function foo() {
console.log($("#myDiv").data("globalValue"));
}相比于全局变量，这种方法更安全且易于维护，因为数据只与相应的元素关联，并且不会污染全局命名空间。
使用$.fn.extend()方法
如果需要在多个页面或脚本中共享一些公用的函数，可以使用$.fn.extend()方法来扩展jQuery对象。例如：
$.fn.extend({
globalFunction: function() {
console.log("This is a global function.");
}
});这样，该函数就可以在任何地方被调用了：
$(document).ready(function() {
$(this).globalFunction();
});与data()方法类似，这种方法也是安全的，并且避免了全局变量的问题。但是，使用该方法应该谨慎，因为它可能会影响其他的jQuery插件或库。
总结
在jQuery中存储全局值的方法有多种选择，但是需要根据具体情况进行选择。使用全局变量虽然简单，但是不推荐使用；data()方法对于元素相关的数据非常适用；而$.fn.extend()方法则更适合扩展jQuery对象和共享公用的函数。在实际开发中，应该根据场景和需求选择合适的方法来存储和共享数据。
示例代码：
-- -------------------- ---- -------
--------- -----
------
------
----- ----------------
------------- ------ -------------
------- -----------------------------------------------------------
-------
------
---- -----------------
--------
-- ----------
------------------------------- ------ --------
-------- ----- -
---------------------------------------------
-
------
-- -----------------
-------------
--------------- ---------- -
----------------- -- - ------ ------------
-
---
---------------------------- -
-------------------------
---
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11639