javascript - 我如何使用自执行匿名函数中的对象？

Question

Q1 - 我有

(function (document,window) {

var shelf = window.shelf = function (foo) {

    var init = function () {
        console.log("in init" + foo);
    };

    alert("in shelf.js "+ foo + "type" + typeof init);
};
})(document, window);

我想在我的 HTML 页面中以样式调用 shelf 中的 init 函数

var api=shelf("1234");
api.init();

或者

shelf().init;

我如何让它工作？，我阅读了关于匿名自执行函数的信息，

Self-executing anonymous functions and closures ,

what is self-executing anonymous function or what is this code doing? ,

Why do you need to invoke an anonymous function on the same line? ,

http://markdalgleish.com/2011/03/self-executing-anonymous-functions/

我需要文档和窗口对象，因为我将使用它们将组件动态添加到我的 html 页面

问题 2 - 这是更好的方法还是我应该使用其他方法来确保模块化 + 重用？

Answer 1

在您的代码中，init 不可从外部调用。我相信您正在寻找这样的东西:

(function (document,window) {

var shelf = window.shelf = function (foo) {

    this.init = function () {
        console.log("in init" + foo);
    };

    alert("in shelf.js "+ foo + "type" + typeof this.init);
};
})(document, window);

var api = new shelf("1234");
api.init();