Question

如果我声明一个函数文字：

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

然而：

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

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

我不明白为什么会这样。将函数编写为文字是不是仍然能够通过其变量引用名称来访问它？我知道这可能很愚蠢，但我只是在学习javascript，所以不要过于严厉地判断。

Answer 1

您的函数不返回任何内容，因此其返回值为undefined。

执行自执行函数并且函数不存储在任何地方 - 只有它的返回值存活（以及函数设置/修改的任何外部变量）。

例如，此代码等同于var x = 'hi';：

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

自我调用函数的目的通常是创建一个新的范围，例如：在循环中创建回调函数时：

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

这会在所有回调中使用相同的i，因此会提醒i = 5 5次。

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

通过使用自执行函数，我们在每个循环中创建一个新范围，从而创建一个新的i。

自执行函数的另一个用途是创建一个新的范围，确保某些变量可用并设置为正确的值：

(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);

Answer 2

如果你：

var foo = somefunction;

...然后你将一个函数分配给foo。

如果你：

var foo = somefunction();

...然后您将函数调用的返回值分配给foo

你的职能：

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

...没有return语句，因此会返回undefined。

自调用功能未定义

2 个答案: