JavaScript модульные большие объекты

Question

У меня есть объект, определенный как функция, и у него есть много методов и свойств в нем, каковы некоторые способы модуляции это, чтобы сделать его более управляемым? Внутри объекта можно поставить функции во внешние файлы?

Редактировать:

Кто-то упомянул в одном ответе, чтобы включить другие файлы, но это будет иметь страницу 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?

Answer 1

var myobj = {
  somefunc: function() { /* function code */ },
  prop: "some string",
  // etc.
};

и в другом файле JS включен после вышеуказанного кода

myobj.anotherfunc = function () { /* function code */ };

Answer 2

Вы можете проверить Потребление. Отказ Он позволяет определить функции, модули, зависимости и загружать внешние файлы JavaScript из JavaScript (возможно ASYNC).

Answer 3

Вы можете использовать скрипт бокового сервера для обработки ваших 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 внутри папки, просто генерируйте массив через сканирование папки или что-то, я думаю, вы получите идею!

привет нексум

Answer 4

Вы можете попробовать это:
http://www.cryer.co.uk/resources/javascript/script17_include_js_from_js.htm.

... Но лучшие практики должны просто включить файлы, которые вы хотите на главной странице HTML