将我的 var 设置为带有参数的匿名函数？

Question

我正在构建我的第一个 OO JS 库，但我在一个可能非常简单的部分上遇到了一点麻烦...

我有这个：

var storageLocker = function(catalog){
    if(catalog){
        this.catalog = catalog;
    }
    //my code...
}()

我需要能够做其他库（如 jQuery）所做的事情，您可以在其中选择一个元素（在我的案例选择一个 localStorage 项目），然后将其他功能链接到它。我已经完成了所有这些工作，但为了最佳实践并使其更具可扩展性，我将其放入匿名函数中，现在我无法弄清楚如何使用以下语法：

storageLocker('localStorageItem').save({"item":"an example item saved to localStorageItem"})

但现在如果我现在使用该语法执行此操作它返回此错误：

Uncaught TypeError: Property 'storageLocker' of object [object DOMWindow] is not a function

有什么想法吗？

Answer 1

删除函数体末尾的()。

您编写了 var storageLocker = function(...) { ... }()，它创建了一个匿名函数，调用它，并分配结果< /em> 到 storageLocker。

它相当于

function anonymous(...) { ... };
var storageLocker = anonymous();

由于该函数不返回任何内容，storageLocker 最终成为未定义，并且不是一个函数。