Javascript Modularisierung großer Objekte

Ich habe ein Objekt als eine Funktion definiert, und es hat eine Menge Methoden und Eigenschaften drin, was sind einige Möglichkeiten, dies zu modularisieren, um es überschaubarer zu machen? Sie können Funktionen innerhalb des Objekts in externe Dateien einfügen.Javascript Modularisierung großer Objekte

Edit:

Jemand in einer Antwort erwähnt auf andere Dateien enthalten, aber dies würde eine unweildy HTML-Seite haben, 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>

Gibt es auch eine Möglichkeit, den Code zu strukturieren, so dass nur ein Referenz benötigt die Javascript-Datei?

Quelle

2010-11-25 Tom Gullen

Sie wollen in der Regel versuchen sollte haben so wenige externe Skripte wie möglich. –

Was genau "verwalten Probleme" haben Sie mit Ihrem aktuellen Code? –

Ich habe ein Objekt mit vielen Methoden darin, ich würde viel lieber die Funktionen in separate Dateien in Gruppen aufgeteilt haben, so dass sie viel einfacher zu verwalten sind als eine große Datei. –

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

und in einer anderen js-Datei enthalten nach dem obigen Code

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

Quelle

2010-11-25 13:44:35 Spliffster

Danke, +1, aber das würde die Aufnahme einer Menge von Skript-Referenzen auf der Basis-HTML-Seite erfordern, oder? Wie auch immer, um die Daten zu entwerfen, um dieses Problem zu vermeiden? Idealerweise wäre es schön, nur eine Datei hinzuzufügen. –

@Tom Nein, ich sehe nicht, wie das zusammenhängen würde. –

Wie schließt man eine andere js-Datei aus einer .js-Datei ein? –

Sie möchten RequireJS überprüfen. Sie können Funktionen, Module und Abhängigkeiten definieren und externe Javascript-Dateien von Javascript (möglicherweise asynchron) laden.

Quelle

2010-11-25 13:57:28 galambalazs

Sie könnten ein serverseitiges Skript verwenden, um Ihre Javascripts zu verarbeiten, mit jsmin können Sie sogar den Prozess beschleunigen (wenn zwischengespeichert).

Ich denke an ein Skript somthing wie folgt aus: 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>

Sie könnten auch nur enthalten alle JS-Dateien in einem Ordner, erzeugen nur das Array über Ordner scannen oder etwas, ich denke, Du hast die Idee!

Grüße Nexum

Quelle

2010-11-25 14:02:09 Nexum

du versuchen könnte:
http://www.cryer.co.uk/resources/javascript/script17_include_js_from_js.htm

... aber Best Practices umfassen nur die Dateien, die Sie in der Haupt-HTML-Seite

Quelle

2010-11-25 14:02:44 Gerrat