CODEWITHSUNDEEP
javascriptjqueryiife
Jiew Meng
Jiew Meng

Reputation: 88197

In Javascript, what does this syntax mean?

I found this snippet when i was looking at jQuery plugins and wonder what it actually does

A jQuery plugin skeleton:

(function($) {
    ... 
})(jQuery);

And more recently in nettuts:

var STICKIES = (function () {
    ...
}());

Upvotes: -2

Views: 231

Answers (2)

Cice
Cice

Reputation: 149

This creates a anonymous function and calls it directly: this is equivalent to

var fun = function(){};
fun();

its used in jquery plugins to ensure compatibility with other libraries defining a global variable '$'. in your plugin sekeleton, you wrap your plugin in a anonymous function, which receives an argument named '$' (thus overriding a global variable '$'), this anonymous function is then called with 'jQuery' as parameter, so effectively $ becomes = jQuery, but only within that anonymous function.

Upvotes: 6

dst
dst

Reputation: 1788

The first part:

function($) {
    ... 
}

creates an anonymous function. The second part: wrapping this function with braces and (jQuery); cal the function with jQuery as argument (usable via $ in the function).

nettuts then saves the result of the call in the variable.

Upvotes: 0

Related Questions