Структура jquery - одна функция в файле

Question

Я в первую очередь программист C#. Я недавно занимался разработкой jQuery. когда я работаю над приложениями в C#, я создаю новый файл класса (.cs) для каждого нового класса, который я создаю.

Как люди обычно структурируют свои приложения jquery/javascript. Я хотел бы повторно использовать некоторые функции на разных страницах, поэтому я помещаю каждую функцию в свой собственный .js-файл? или лучше всего группировать подобные функции в файлы? Я не вижу, чтобы каждый из них помещался в собственный файл, так как это создавало бы много вызовов для импорта отдельного файла на страницу ....

Как другие люди справляются с этими ситуациями. Спасибо за любые мысли.

EDIT - Я должен был упомянуть, что я начинаю рассматривать модульное тестирование с помощью QUnit и полагал, что было бы хорошо иметь правильную структуру моего проекта, чтобы лучше облегчить модульное тестирование.

Answer 1

Я обычно храню все плагины в своих файлах перспективы, но функции, которые я создаю, я, как правило, помещаю в файл «global.js», из которого выйдет весь сайт. Тогда мне не нужно беспокоиться о том, чтобы вытащить определенные файлы, когда вам нужна определенная функция. Все будет в мире.

Answer 2

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

Answer 3

Если вы разместите их все в отдельных файлах, вы захотите создать сценарий сборки, который объединяет и сводит к минимуму их в один (или несколько), поэтому у вас нет 500 файлов Javascript для загрузки в ваш браузер ,

Answer 4

Я бы предложил разместить ваши общие функции в файле util.js, а затем упорядочить коды javascript в соответствии с функциональностью.

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