如何从外部访问自定义jQuery插件的内部变量与函数？

嘿，这个问题很典型——你现在写的插件里，custom_settings和a_custom_function都是私有作用域内的成员，外面根本碰不到，因为它们被死死包裹在自执行函数（IIFE）和插件方法的函数作用域里了。要让外部能访问到，得主动把它们“暴露”出来，这里给你两种常用的靠谱方案：

方案1：直接挂载到插件实例或全局命名空间上 #

这种方式简单直接，适合需要全局或实例级访问的场景。你可以把需要暴露的成员挂载到jQuery实例上（支持链式调用），或者直接挂载到插件方法本身：

(function($) { 
  // 方案1a：挂载到jQuery实例（每个调用插件的元素实例都能访问）
  $.fn.my_custom_jquery_plugin = function() { 
    var custom_settings = { first: 'First', second: 'Second' };
    function a_custom_function() { 
      console.log("我是自定义函数，执行啦！");
    }

    // 把成员挂载到当前实例
    this.customSettings = custom_settings;
    this.runCustomFunc = a_custom_function;

    // 必须返回this，保持jQuery链式调用特性
    return this;
  };

  // 方案1b：直接挂载到插件方法（全局可访问，所有实例共享）
  $.fn.my_custom_jquery_plugin.globalSettings = { first: 'First', second: 'Second' };
  $.fn.my_custom_jquery_plugin.globalCustomFunc = function() {
    console.log("我是全局可访问的自定义函数！");
  };
})(jQuery);

访问方式： #

• 实例级访问：

  // 先初始化插件，再访问成员
  const $elem = $('#my-element').my_custom_jquery_plugin();
  console.log($elem.customSettings); // 拿到custom_settings
  $elem.runCustomFunc(); // 调用a_custom_function
  

• 全局级访问：

  console.log($.fn.my_custom_jquery_plugin.globalSettings);
  $.fn.my_custom_jquery_plugin.globalCustomFunc();
  

方案2：通过回调机制按需获取（更安全） #

如果你不想直接暴露内部成员，而是希望在插件初始化或特定时机把成员传递给外部，用回调机制更稳妥，也能避免外部误改内部状态：

(function($) { 
  $.fn.my_custom_jquery_plugin = function(options) { 
    var custom_settings = { first: 'First', second: 'Second' };
    function a_custom_function() { 
      return "自定义函数执行结果";
    }

    // 处理用户传入的回调函数，把内部成员传出去
    if (typeof options?.onReady === 'function') {
      options.onReady({
        settings: $.extend({}, custom_settings), // 返回副本，防止外部修改原对象
        customFunc: a_custom_function
      });
    }

    return this;
  };
})(jQuery);

访问方式： #

$('#my-element').my_custom_jquery_plugin({
  onReady: function(pluginData) {
    console.log(pluginData.settings); // 拿到custom_settings的副本
    console.log(pluginData.customFunc()); // 调用a_custom_function
  }
});

小建议 #

如果只是需要读取配置，尽量返回配置的副本（比如用$.extend({}, custom_settings)），避免外部代码不小心修改了插件内部的默认配置，导致后续逻辑出问题。

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