@import url in JavaScript

Salve a tutti!
So che è possibile includere più file .css in un'unico scrivendo in questo

@import url(link.css);

e includendo nell'HEAD il file che contiene tutti gli import url.

Ora mi chiedo.. E' vantaggiosa questa cosa? Io la uso per "pulire" l'HEAD del sito.
E poi.. è possibile fare questa cosa anche con i JavaScript?
Intendo, creando un file .Js che includa altri file .Js, proprio come la funzione @import url di CSS?

EDIT: Ho letto altre discussioni (CLICCAMI) ma.. è possibile soltanto creando prima la funzione in php?

[javascripter]

EDIT: Ho letto altre discussioni (CLICCAMI) ma.. è possibile soltanto creando prima la funzione in php?

Php?
Cosa centra php?

In quel messaggio c'è soltanto codice javascript.
Ti basta creare un file .js che contiene il codice ed includerlo nel sito:

<script type="text/javascript" src="file.js"></script>
<script type="text/javascript">
/* <![CDATA[ */
$import('altro_file.js');
/* ]]> */
</script>

Scusa! Non avevo letto bene, mea culpa
Comunque funziona, grazie^^

Tornando alla domanda iniziale.. ci sono difetti del tipo tempi di caricamento pagina etc?

[javascripter]

L'unico problema che potresti riscontrare, ad esempio:

$import('file_che_ci_impiega_tanto_a_caricare.js');
funzione_definita_nel_file_qui_sopra(); // potrà risultare non definità dato che il file qui sopra sta ancora caricando.

Se questa funzione la userai soltanto per importare codici javascript puoi usare:

function $import(url, cache, cb) {
	var script = document.createElement('script');
	script.src = cache !== false ? url : url.lastIndexOf('?') > -1 ? url + '\&' + new Date.getTime() : url + '?' + new Date().getTime();
	script.type = 'text/javascript';

	if(typeof cb === 'function') {
		script.onreadystatechange = function () {
			if(this.readyState === 'complete')
				(cb)();
		}

		script.onload = cb;
	}

	document.getElementsByTagName('head').item(0).appendChild(script);

}

Questa funzione, richiede 3 parametri:

• L'url dello script
• Se usare la cache o meno, boolean ( true => usa la cache, false => non usa la cache)
• Callback, funzione da richiamare quando il file è stato caricato

E rifancedo l'esempio scritto poco sopra:

$import('file_che_ci_impiega_tanto_a_caricare.js', true, function() {
	funzione_file(); // funzionerà dato che questo codice verrà eseguito soltanto al caricamento dello script
});