JavaScript модульные большие объекты
-
28-09-2019 - |
Вопрос
У меня есть объект, определенный как функция, и у него есть много методов и свойств в нем, каковы некоторые способы модуляции это, чтобы сделать его более управляемым? Внутри объекта можно поставить функции во внешние файлы?
Редактировать:
Кто-то упомянул в одном ответе, чтобы включить другие файлы, но это будет иметь страницу HTML unwweilly, т. Е.
<script type="text/javascript" src="script1.js"></script>
<script type="text/javascript" src="script2.js"></script>
<script type="text/javascript" src="script3.js"></script>
....
<script type="text/javascript" src="script76.js"></script>
Также есть какие-либо способ структурировать код, поэтому требуется только один справочник файла JavaScript?
Решение
var myobj = {
somefunc: function() { /* function code */ },
prop: "some string",
// etc.
};
и в другом файле JS включен после вышеуказанного кода
myobj.anotherfunc = function () { /* function code */ };
Другие советы
Вы можете проверить Потребление. Отказ Он позволяет определить функции, модули, зависимости и загружать внешние файлы JavaScript из JavaScript (возможно ASYNC).
Вы можете использовать скрипт бокового сервера для обработки ваших Javascripts, с Jsmin вы даже можете ускорить процесс (если кэшируется).
Я думаю о скрипте что-нибудь так: Scripts.php
<?php
$files = array('script1.js', 'script2.js');
$output = '';
foreach($files as $file){
$output .= file_get_contents($file);
}
header("Content-type: application/x-javascript");
echo $output;
?>
your html
<script type="text/javascript" src="/script.php"></script>
Вы также можете просто включить все файлы JS внутри папки, просто генерируйте массив через сканирование папки или что-то, я думаю, вы получите идею!
привет нексум
Вы можете попробовать это:
http://www.cryer.co.uk/resources/javascript/script17_include_js_from_js.htm.
... Но лучшие практики должны просто включить файлы, которые вы хотите на главной странице HTML