jQuery新手求助：如何实现函数间动态传递变量？

嘿，作为jQuery新手能自己摸索插件覆盖的玩法已经超棒啦！针对你要在函数间动态传递变量的需求，我给你几个接地气的解决方案，你可以根据自己的代码结构来选：

1. 用命名空间包裹全局变量（简单易上手，避免污染） #

直接用全局变量虽然方便，但容易和其他代码冲突，所以建议用自定义命名空间来包裹：

// 先定义一个专属的命名空间
var MyPluginData = {};

// 你的第一个函数（比如覆盖插件的函数）
function myOverriddenPluginFunc() {
  // 把动态生成的变量存到命名空间里
  MyPluginData.userInfo = { name: "Shirantha", skill: "jQuery新手" };
}

// 第二个需要接收变量的函数
function myTargetFunc() {
  // 直接从命名空间里取变量
  console.log(MyPluginData.userInfo.name); // 输出 "Shirantha"
}

2. 直接通过函数参数传递（最规范的方式） #

如果第二个函数是由第一个函数触发调用的，直接把变量当参数传过去就好；如果是事件触发的，还能借助事件对象传递数据：

示例1：主动调用时传参 #

function firstFunc() {
  // 动态生成变量
  var dynamicContent = "我是要传递的动态内容";
  // 调用第二个函数时把变量传进去
  secondFunc(dynamicContent);
}

function secondFunc(receivedContent) {
  console.log(receivedContent); // 输出 "我是要传递的动态内容"
}

示例2：事件绑定传递数据 #

function firstFunc() {
  var dynamicData = { id: 456, content: "事件触发的动态数据" };
  // 绑定事件时把数据存在event对象里
  $("#myBtn").on("click", { transferData: dynamicData }, secondFunc);
}

function secondFunc(event) {
  // 通过event.data获取传递的数据
  console.log(event.data.transferData.id); // 输出 456
}

3. 用jQuery的data()方法（适合和DOM元素关联的变量） #

如果你的变量和某个DOM元素相关，可以把数据存在DOM元素上，另一个函数随时读取：

function firstFunc() {
  var dynamicValue = "和DOM绑定的动态值";
  // 把数据存到指定DOM元素上
  $("#myElement").data("pluginDynamicVar", dynamicValue);
}

function secondFunc() {
  // 从DOM元素上读取数据
  var receivedValue = $("#myElement").data("pluginDynamicVar");
  console.log(receivedValue); // 输出 "和DOM绑定的动态值"
}

小提示 #

如果你的插件函数是在闭包作用域里（很多jQuery插件都会用闭包封装），可以把变量挂载到插件实例上，比如：

// 假设这是你覆盖的插件方法
$.fn.myPlugin = function() {
  // 把变量挂载到插件实例上
  this.dynamicVar = "插件实例的动态变量";
  // 调用另一个函数时可以传this
  anotherFunc(this);
};

function anotherFunc(pluginInstance) {
  console.log(pluginInstance.dynamicVar); // 输出对应变量
}

内容的提问来源于stack exchange，提问作者Shirantha