javascript - 创建一个 jQuery 容器来保存其他功能

Question

我正在尝试创建一个简单的类或容器来保存一些 JavaScript 方法，如下所示。

var Core = (function () {

    var Error = {
        alert: function() {
            alert('Error => alert called');
        },
        display: function() {
            alert('Error => display called');
        }
    };

    var ajax = {
        view: function(){
            alert('Ajax => view called');
        },
        update: function(){
            alert('Ajax => update called');
        }
    };

    var call = function(){
        Error.alert();
        Error.display();
        ajax.view();
        ajax.update();
    };

    $(document).ready(function(){
       call(); // This works fine.
    }());

但由于某种原因，我无法在容器外部调用这些方法。例如，调用如下所示的函数会引发错误。

$(document).ready(function(){
    Core.Error.alert(); // This doesn't work.
    Core.Call(); // This doesn't work.

});

错误:未捕获类型错误:无法读取未定义的属性“错误”

我可以从容器内调用这些函数。我对 jQuery 插件的概念很陌生，如果有人能帮助我解决这个问题，我将不胜感激。

Answer 1

您可以导出这些方法(了解有关 Module Pattern 的更多信息)，如下所示

var Core = (function () {
  ...

  return {
    Error: Error,
    Ajax: ajax,
    Call: call
  };
})();

Core.Error.alert();
Core.Call();

Example