javascript - Self invoking function is undefined - Stack Overflow

admin管理员组

文章数量:1315327

If I declare a function literal:

var x = function(){
        alert('hi');
    };
    console.log(x); // returns the function code.

However:

var x = (function(){
    alert('hi');
})();

console.log(x); // returns undefined?

I don't understand why this happens. Isn't the point of writing a function as a literal is to still be able to access it by its variable reference name? I know this may be silly but I'm just learning javascript so don't judge too harshly.

If I declare a function literal:

var x = function(){
        alert('hi');
    };
    console.log(x); // returns the function code.

However:

var x = (function(){
    alert('hi');
})();

console.log(x); // returns undefined?

I don't understand why this happens. Isn't the point of writing a function as a literal is to still be able to access it by its variable reference name? I know this may be silly but I'm just learning javascript so don't judge too harshly.

• javascript
• function

Share Improve this question Follow asked May 30, 2012 at 14:35 user1019031user1019031 75177 silver badges1616 bronze badges 1

• This question is similar to: Once an IIFE expression is stored in a variable, why can’t the function be invoked again?. If you believe it’s different, please edit the question, make it clear how it’s different and/or how the answers on that question are not helpful for your problem. – dumbass Commented Dec 26, 2024 at 13:15

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 7

Your function does not return anything, so its return value is undefined.

A self-executing function is executed and the function is not stored anywhere - only its return value survives (and any external variables the function sets/modifies).

For example, this code would be equivalent to var x = 'hi';:

var x = (function(){
    return 'hi';
})();

The purpose of self-invoking functions is usually to create a new scope, e.g. when creating callback functions in a loop:

for(var i = 0; i < 5; i++) {
    window.setTimeout(function(){ alert('i = ' + i); }, 1000 * i);
}

This would use the same i in all callbacks so it would alert i = 5 5 times.

for(var i = 0; i < 5; i++) {
    (function(i) {
        window.setTimeout(function(){ alert('i = ' + i); }, 1000 * i);
    })(i);
}

By using a self-executing function we create a new scope and thus a new i in each loop.

Another use of self-executing functions is to create a new scope where certain variables are ensured to be available and set to the correct value:

(function($, window, undefined) {
    // here the following always applies:
    // $ === jQuery
    // window === the global object [assuming the function was executed in the global scope]
    // undefined is well, undefined - in some js engines someone could have redefined it
})(jQuery, this);

If you:

var foo = somefunction;

… then you assign a function to foo.

If you:

var foo = somefunction();

… then you assign the return value of a function call to foo

Your function:

function(){
    alert('hi');
}

… has no return statement, so it will return undefined.

本文标签： javascriptSelf invoking function is undefinedStack Overflow