jquery (but probably more of a javascript) construct explanation

Question

Could someone explain in layman's terms what the following construct is doing:

(function(jQuery) {
   // some javascript code here
})(jQuery);

of course, any "read this post", or "read this link", or even "don't do that! this is a better way" kind of responses are also more than welcome.

Use `$(document).ready(function(){ /* Javascript code here */ });` — Mooseman, Feb 27 '13 at 23:08
more often it is: `(function($) { /* some javascript code here */ })(jQuery);` to pass jQuery to a self envoking function, keeping the $ alias. — Mark Schultheiss, Feb 27 '13 at 23:50

score 0 · Answer 1 · answered Feb 27 '13 at 23:10

This code is creating an anonymous, self-invoking function with a reference to a variable called jQuery from the parent scope passed as first argument.

This syntax is often use to "namespace" the code you are writing to avoid the pollution of the global scope, very popular with JavaScript Module pattern.

jquery (but probably more of a javascript) construct explanation

1 Answers1