создать класс с функциями

Question

Есть ли способ создать класс с функциями, которые будут вызываться из других скриптов на странице после загрузки?

function WebUI() { 
    this.updateLoadingMessage = function (message) { 
     $("#loading-header").html(message); 
    }; 

    addAlertInfo = function (message) { 
    }; 

    addAlertWarning = function (message) { 
    }; 

    addAlertDanger = function (message) { 
    }; 

    addAlertSuccess = function (message) { 
    }; 
}; 

вызовов из других мест/скриптов

WebUI.addAlertInfo("testing"); 

Сообщает мне, что addAlertInfo не является функцией.

Answer 1

Вы близко. См. «Определение методов» по ​​адресу https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects. Вы можете сделать что-то вроде:

WebUI = { 
    addAlertInfo: function(message) { 
     // do stuff 
    } 
}; 

Answer 2

Вы можете сделать это несколькими способами: Несколько которые приходят на ум, являются:

var WebUI = { 
    addAlertInfo: function() { 
     ... 
    } 
} 

Или как метод на функции, которые могут выступать в качестве конструктора:

function WebUI() { 
    ... 
} 

WebUI.addAlertInfo = function() { 
} 

Или в ES6:

class WebUI { 
    static addAlertInfo() { 
     ... 
    } 
} 

Все это будет называться как:

WebUI.addAlertInfo(); 

Answer 3

Среди многих способов, два наиболее простым способу сделать это либо с помощью namespacing или Revealing-module-pattern

Вот пример использования пространств имен. Сначала необходимо создать пустой объект

var WebUI ={}; 
WebUI.addAlertInfo=function(){ 
// Rest of the code 
} 

Теперь вы можете позвонить WebUI.addAlertInfo() из любой другой