Создание контейнера jQuery для хранения других функций

Question

Я пытаюсь создать простой класс или контейнер для хранения нескольких методов JavaScript, как показано ниже.

Но по какой-то причине я не могу назвать эти методы вне контейнера. Например, вызывающие функции, как показано ниже, вызывают ошибку.

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

}); 

Ошибка: Uncaught TypeError: Не удается прочитать свойство 'Ошибка' неопределенной

Я могу вызывать функции внутри контейнера. Я новичок в концепции плагинов jQuery и был бы признателен, если кто-то может мне помочь в этом.

Answer 1

Вы можете экспортировать эти методы (подробнее о Module Pattern), например, так

var Core = (function() { 
    ... 

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

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

Example

Answer 2

Изменить это в:

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

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

    call: function() { 
     Core.error.alert(); 
     Core.error.display(); 
     Core.ajax.view(); 
     Core.ajax.update(); 
    } 
} 

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

Working fiddle