Immediately-Invoked Function Expression (IIFE) In JavaScript – Passing jQuery

by

$ is an argument to a function. jQuery is what is being passed as that argument when the function is invoked.

Think of it like this:

function init($) {
   // code can use $ here as a shortcut for jQuery
   // even if $ has a different definition globally or isn't defined globally
}

init(jQuery);

Except for the fact that this example creates a global symbol init, the execution of this and your IIFE are identical. Both define a function and immediately call it.

$ is an argument to the function. jQuery is what is passed as that argument. This serves to define $ as a shortcut for jQuery while inside that function without affecting the global definition of $. There can also sometimes be a slight performance advantage because symbols defined locally (either as local variables or as named arguments) can be slightly faster to access than global symbols.

The advantage of the IIFE is that no new global symbols are defined. Other than that, it’s identical in execution to this code.

More Related Contents:

  1. Dollar sign before self declaring anonymous function in JavaScript?
  2. Sorting array of object based on range of Numbers of String [closed]
  3. expected ‘;’ and instead saw ‘=’ [closed]
  4. How to read each element of an array in jQuery? [closed]
  5. How to wait until an element exists?
  6. jQuery load more data on scroll
  7. Can I call jQuery’s click() to follow an link if I haven’t bound an event handler to it with bind or click already?
  8. How to generate a simple popup using jQuery
  9. jQGrid, how to make a column editable in the add dialog but not during (inline) edits
  10. How to display JavaScript variables in a HTML page without document.write
  11. How to detect if javascript files are loaded?
  12. How to remove text (without removing inner elements) from a parent element using jquery
  13. TypeError: $(…).DataTable is not a function
  14. Ajax call Into MVC Controller- URL Issue
  15. JavaScript REST client Library [closed]
  16. Text blinking jQuery
  17. Stop page execution like the alert() function
  18. Remove plus sign (+) in URL query string
  19. Mozilla firefox not working with window.onbeforeunload
  20. Why is my ‘load’ event/function not beeing executed after switching to jQuery 3?
  21. Why does multiple modal using twitter bootstrap got error too much recursion?
  22. How to wrap each word of an element in a span tag?
  23. Disabling right click on images using jquery
  24. Javascript: extract URLs from string (inc. querystring) and return array
  25. JQuery – animate moving DOM element to new parent?
  26. How do I use Browserify with external dependencies?
  27. jQuery question: what does it really mean?
  28. Programmatically drag and drop element onto another element
  29. jQuery on the fly URL shortener
  30. Replacing selected text in the textarea

Leave a Comment