Javascript gros objets de

Question

J'ai un objet défini en fonction, et il a beaucoup de méthodes et propriétés en elle, quels sont les moyens de modularisation cela pour le rendre plus facile à gérer? Il est possible de mettre des fonctions à l'intérieur de l'objet dans des fichiers externes?

Edit:

Quelqu'un a mentionné dans une réponse à inclure d'autres fichiers, mais cela aurait une page 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>

Y at-il aussi une façon de structurer le code pour une seule référence est nécessaire, le fichier javascript?

Answer 1

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

et dans un autre fichier js inclus après le code ci-dessus

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

Answer 2

Vous pouvez vouloir vérifier RequireJS . Il vous permet de définir les fonctions, les modules, les dépendances et charge les fichiers JavaScript externes de Javascript (peut-être async).

Answer 3

vous pouvez utiliser un script côté serveur pour gérer vos javascripts, avec JSMin vous pourriez même accélérer le processus (si mis en cache).

Je pense à un somthing script comme ceci:     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>

vous pouvez aussi simplement inclure tous les fichiers js dans un dossier, juste génèrent le tableau via la numérisation des dossiers ou quelque chose, je pense que vous avez l'idée!

salutations Nexum

Answer 4

Vous pouvez essayer ceci:
http://www.cryer.co.uk/resources/javascript/script17_include_js_from_js.htm

... mais les meilleures pratiques doivent simplement inclure les fichiers que vous souhaitez dans la page html