为什么将 javascript 命名空间作为一个函数？

Question

我正在阅读一个必须保持匿名的库的源代码，我看到它使用一个空函数来设置命名空间。它似乎类似于对象字面量表示法 (OLN)，只是基是一个函数。

这是一个声明示例。

/**
 * Base namespace for FOO library
 * @name FOO
 * @namespace
 */
function FOO(){}

FOO.bar = 'bar const..';
FOO.fooFunc = function () { /* code */ };
FOO.Bar = function () { /* some constructor */ };
FOO.Bar.prototype.baz = function () { /* A prototype method on FOO.Bar */ };
...

如您所见，FOO 命名空间是一个空函数。将命名空间声明为空函数有什么意义吗？这是对 OLN 模式的滥用吗？看起来这可能是工厂模式的开始。命名空间上没有原型方法（例如FOO.prototype.bar = ...）。调用FOO() 显然什么也没做。有人认识这种模式吗？

Answer 1

命名函数是hoisted - 有效地移动到其封闭范围的顶部。使用命名函数可以允许在声明命名空间之前进行赋值：

FOO.bar = "bar";
function FOO() {}
console.log(FOO.bar); // bar

与对象字面量（或非命名函数）相比：

FOO.bar = "bar";
var FOO = {};
console.log(FOO.bar); // undefined

不太可能有人计划将成员分配到这样的命名空间，但它可能会发生。

我能想到的唯一其他优点是函数可以有一个固有的名称，这可能对调试有用。

例如，如果命名空间成员有 namespace 属性（他们可能没有）：

function FOO(){}
FOO.bar = { namespace: FOO };
console.log(FOO.bar.namespace); // function FOO(){}

相比：

var FOO = {};
FOO.bar = { namespace: FOO };
console.log(FOO.bar.namespace); // Object {bar: Object}

纯猜测：某些命名空间也可能使用这样的函数进行初始化。这可能是一个不需要任何初始化但选择使用函数来保持一致性的命名空间示例。

Answer 2

我通常认为这是通过以下方式完成的：

var FOO = FOO || {};

这样全局不会被覆盖。

为什么要声明一个空函数？

这样作者就可以向 FOO 添加方法。这只是一种方法，因为在 JavaScript 中，包括函数在内的大多数东西都是对象。

请查看此内容以获得更好的解释：How is almost everything in Javascript an object?