解决jQuery $冲突后，如何从自执行函数外部调用内部函数？

Absolutely, there are a few solid ways to expose that internal function so you can call it from outside the jQuery IIFE. Let's break down the most common, practical approaches:

1. Expose to the Global Window Object #

This is the quickest fix—just attach your function to the global window object inside the IIFE. It’s straightforward, but be mindful of global scope pollution (try to avoid overusing this for large projects).

// Your IIFE with jQuery
(function($) {
  function whatever() {
    console.log("Hello from inside the IIFE!");
  }

  // Expose the function to the global scope
  window.whatever = whatever;
})(jQuery);

// Call it from outside
whatever();

To clean this up a bit, use a custom global namespace instead of attaching directly to window—this reduces collision risks:

// Create a global namespace (if it doesn't exist already)
window.MyApp = window.MyApp || {};

(function($) {
  function whatever() {
    console.log("Hello from inside the IIFE!");
  }

  // Attach to your custom namespace
  MyApp.whatever = whatever;
})(jQuery);

// Call via the namespace
MyApp.whatever();

2. Return an Object of Exposed Methods #

This is a more modular approach—have the IIFE return an object containing the functions you want to expose, then assign the IIFE’s result to a global variable. This keeps your global scope tidy and follows basic module patterns.

// Assign the IIFE's returned value to a global variable
const MyApp = (function($) {
  // Internal-only function (won't be accessible outside)
  function helperFunction() {
    console.log("I'm a secret helper!");
  }

  // Function you want to expose
  function whatever() {
    helperFunction();
    console.log("Hello from inside the IIFE!");
  }

  // Return only the methods you want to make public
  return {
    whatever: whatever
  };
})(jQuery);

// Call the exposed function
MyApp.whatever();

3. Extend jQuery’s Global Object #

If your function is closely tied to jQuery, you can extend the jQuery global itself. This keeps things aligned with jQuery’s pattern and avoids extra global variables.

(function($) {
  function whatever() {
    console.log("Hello from inside the IIFE, via jQuery!");
  }

  // Attach to the jQuery global object
  $.whatever = whatever;
})(jQuery);

// Call using jQuery's $ alias
$.whatever();

Each approach has its use case—for most modern projects, the modular return-object method (option 2) is the best balance of clean code and accessibility.

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