Импорт функций из разных «модулей»

Question

Я новичок в jQuery, исходя из фона Python и Java, поэтому мне трудно привыкнуть к работе с различными файлами .js. У меня есть файл HTML, который импортирует следующие сценарии:

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> 
    <script 
     src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.js"></script> 
    <script src="{{ STATIC_URL }}/forms.js"></script> 
    <script src="{{ STATIC_URL }}/workout1Alt.js"></script> 

Последние два являются моими. В forms.js, у меня есть общая функция, validateNumberForm, что я хочу, чтобы иметь возможность использовать в моей более конкретной форме workout1Alt.js. подпись форме выглядит следующим образом:

var validateNumberForm = function(id) 

Я призываю validateNumberForm в workout1Alt.js так:

validateNumberForm('#squatsForm'); 

Но я получаю эту ошибку:

Reference Issue: Cannot find variable validateNumberForm. 

Может кто-то показать мне лучшие практики как это сделать?

Answer 1

Я предполагаю, что вы оберточной определение внутри готового обработчика JQuery, как это:

$(function() { 
    var validateNumberForm = function(id) { /* ... */ }; 
    // ... 
}); 

Это делает validateNumberForm только там. Если вы хотите, чтобы быть доступными для других файлов, вы можете переместить его из готового обработчика:

var validateNumberForm = function(id) { /* ... */ }; 
$(function() { 
    // ... 
}); 

Или вы можете явно экспортировать:

$(function() { 
    var validateNumberForm = function(id) { /* ... */ }; 
    window.validateNumberForm = validateNumberForm; 
    // ... 
});