How does the (function() {})() construct work and why do people use it?

by

With the increasing popularity of JavaScript frameworks, the $ sign was used in many different occasions. So, to alleviate possible clashes, you can use those constructs:

(function ($){
  // Your code using $ here.
})(jQuery);

Specifically, that’s an anonymous function declaration which gets executed immediately passing the main jQuery object as parameter. Inside that function, you can use $ to refer to that object, without worrying about other frameworks being in scope as well.

More Related Contents:

  1. JavaScript plus sign in front of function expression
  2. Advanced JavaScript: Why is this function wrapped in parentheses? [duplicate]
  3. What are the different ways of writing an IIFE? What are their use cases?
  4. How to receive and maintain values in functions (javascript)
  5. Set a default parameter value for a JavaScript function
  6. What is the scope of variables in JavaScript?
  7. Javascript call() & apply() vs bind()?
  8. jQuery 1.9 .live() is not a function
  9. Calling a function every 60 seconds
  10. Are “(function ( ) { } ) ( )” and “(function ( ) { } ( ) )” functionally equal in JavaScript? [duplicate]
  11. How to add an object to an array
  12. Is there a way to create a function from a string with javascript?
  13. this inside function
  14. Is it possible to get all arguments of a function as single object inside that function?
  15. Add two functions to window.onload
  16. The invocation context (this) of the forEach function call
  17. Javascript functions like “var foo = function bar() …”?
  18. Why in JavaScript both “Object instanceof Function” and “Function instanceof Object” return true?
  19. What happens if I call a JS method with more parameters than it is defined to accept?
  20. Where should functions in function components go?
  21. Why most JavaScript native functions are slower than their naive implementations?
  22. onsubmit multiple javascript functions
  23. Why can’t I set a JavaScript function’s name property?
  24. How to create javascript delay function [duplicate]
  25. Get values from an object in JavaScript [duplicate]
  26. setTimeout not working inside forEach
  27. How to Call a Function inside a Render in React/Jsx
  28. Passing parameters to a JQuery function
  29. jQuery asynchronous function call, no AJAX request
  30. What is the difference between onClick=”javascript: function(‘value’)'” and onClick=”function(‘value’);”? [duplicate]

Leave a Comment