有人可以解释这个 javascript 片段吗？

Question

// JavaScript source code
var foo = (function () {
    var o = { bar: "bar" };

    return {
        bar: function () {
            console.log(o.bar);
        }
    };

})();

foo.bar();

发生了什么事？ foo 是一个对象吗？它是一个命名函数吗？ 这看起来像是一种提供私有数据成员的类概念的可怕方式......

Answer 1

他们被称为IIFE的https://developer.mozilla.org/en-US/docs/Glossary/IIFE

查看这个使用 IIFE 的示例http://javascriptissexy.com/understand-javascript-closures-with-ease/

通常 javascript 模块是用这种模式编写的。

var foo = function () {
    var o = { bar: "bar" };

    return {
        bar: function () {
            console.log(o.bar);
        }
    };

};

foo().bar();

与

var foo = (function () {
    var o = { bar: "bar" };

    return {
        bar: function () {
            console.log(o.bar);
        }
    };

})();

foo.bar();

相似。

Answer 2

foo 是一个对象。它是返回语句后面的对象。

这段代码在括号中声明了一个函数，然后立即调用它。然后将函数返回的任何值分配给 foo。