JavaScript模块化大物体

Question

我有一个将对象定义为一个函数，并且其中有很多方法和属性，哪些方法可以使其更易于管理？可以将功能输入对象中的外部文件中吗？

编辑：

在一个答案中有人提到的某人包含其他文件，但这将有一个无与伦比的HTML页面，即：

<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

您可能想退房 requirejs. 。它使您可以从JavaScript（可能是异步）定义函数，模块，依赖项和加载外部JavaScript文件。

Answer 3

您可以使用服务器端脚本来处理您的JavaScript，使用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文件，只需通过文件夹扫描或其他内容生成数组，我想您明白了！

问候Nexum

Answer 4

您可以尝试一下：
http://www.cryer.co.uk/resources/javascript/script17_include_js_from_js.htm

...但是最好的做法就是仅在主HTML页面中包含您想要的文件