current community

your communities

more stack exchange communities

Stack Exchange
tour help
stack overflow careers
Take the 2-minute tour ×
Stack Overflow is a question and answer site for professional and enthusiast programmers. It's 100% free, no registration required.
up vote 0 down vote favorite

This question already has an answer here:

var ninja = (function(){
 function Ninja(){}
 return new Ninja();
 })();

I've been learning Javascript for a while now. Why is the function declaration encapsulated in '('s and also why is there a '();' in the end?

I can imagine its a constructor function, because of the '();' in the end. but why is the object wrapped in simple brackets?

share|improve this question

marked as duplicate by Dave, George Cummins, Andrew Barber♦ Aug 29 '13 at 20:36

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.
    
I would suggest reading, benalman.com/news/2010/11/… –  Anthony Forloney Aug 9 '13 at 20:06
1  
See also: How does an anonymous function in JavaScript work?. –  George Cummins Aug 9 '13 at 20:07
    
@KevinDeVoe your duplicate is better –  Dave Aug 9 '13 at 20:07

4 Answers 4

up vote 4 down vote accepted

This code is equivalent to:

function Ninja() {
    // nothing here
}

var ninja = new Ninja();

Though in the code you listed, the function/object Ninja is not global scope.

The code (function() {...})(); basically says "take whatever function is contained inside here and execute it immediately". So it's creating an anonymous function and calling it right afterwards.

share|improve this answer
up vote 2 down vote

It's called an Immediately-Invoked Function Expression (or IIFE). It creates a new scope and executes the contents immediately. There are many uses for it; the one I use the most is when the this keyword would change meaning, e.g. in

var someClass = function() {
    this.property = something;
    this.update = (function(obj) {
        function() {
            $('.el').each(function() {
                $(this).html( obj.property );
            });
        };
    )(this);
};

While I want to refer to this.property inside the $('.el').each(), this changes meaning within that scope and refers to the current DOM element that is being looped through with .each(). So by passing this as a parameter into the IIFE (and calling that parameter obj) I can use obj.property to refer to what is this.property when outside the scope of $('.el').each( ..., function() { ... });.

Let me know if that makes sense or if you have any questions :)

share|improve this answer
up vote 0 down vote

As suggested: Refering to Benalman

Immediately-Invoked Function Expression (IIFE) Fortunately, the SyntaxError “fix” is simple. The most widely accepted way to tell the parser to expect a function expression is just to wrap in in parens, because in JavaScript, parens can’t contain statements. At this point, when the parser encounters the function keyword, it knows to parse it as a function expression and not a function declaration.

// Either of the following two patterns can be used to immediately invoke // a function expression, utilizing the function's execution context to // create "privacy."

(function(){ /* code */ }()); // Crockford recommends this one

(function(){ /* code */ })(); // But this one works just as well

share|improve this answer
up vote 1 down vote

Why is the function declaration encapsulated in '('s and also why is there a '();' in the end

Its declaring and executing the function at the same time.

You may see: Named function expressions demystified - by Juriy "kangax" Zaytsev

share|improve this answer

Not the answer you're looking for? Browse other questions tagged or ask your own question.