Javascript modularising大型のオブジェ
-
28-09-2019 - |
質問
私のオブジェクトとして定義されて機能を用いた多くの方法及び物性ので、どうmodulariseことでより扱いや?めることが可能となってい機能で、オブジェクト内部の外部ファイル?
編集:
誰かに記載の答えを含むその他のファイルが、このようなunweildy HTMLページでは、IE:
<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 */ };
他のヒント
あなたはチェックアウトしたいかもしれません requirejs. 。 JavaScript(おそらくASYNC)から機能、モジュール、依存関係、依存関係を定義し、外部JavaScriptファイルをロードできます。
サーバーサイドスクリプトを使用して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ファイルを含めるだけで、フォルダースキャンなどを介して配列を生成するだけで、アイデアが得られると思います!
Nexumのご挨拶
あなたはこれを試すことができます:
http://www.cryer.co.uk/resources/javascript/script17_include_js_from_js.htm
...しかし、ベストプラクティスは、メインのHTMLページに必要なファイルのみを含めることです
所属していません StackOverflow