Utilizzo di librerie in JavaScript

Diamo un'occhiata al principio generale di utilizzo delle librerie. Supponiamo di aver bisogno di una libreria con funzioni convenienti per lavorare con gli array. Supponiamo di aver cercato su Google e trovato la libreria lodash.

Visitiamo il sito web della libreria e cerchiamo i link per scaricare la libreria. In genere, le librerie sono fornite in due varianti: normale e minimizzata. La versione normale è comoda se vuoi studiare il codice sorgente della libreria. La versione minimizzata è comoda perché occupa meno spazio.

Quindi, cerchiamo il link per il download. Scarichiamo la libreria. A volte capita che nella documentazione venga fornito un link al file JavaScript. In questo caso, questo file, invece di scaricarsi, si aprirà semplicemente nel browser. In questo caso nel menu del browser bisogna selezionare salva con nome o premere Ctrl + S e salvare la libreria come file.

La libreria scaricata deve essere inclusa nel proprio file HTML:

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<script src="lodash.js"></script>
	</head>
	<body>
	
	</body>
</html>

La libreria inclusa crea una o più variabili nell'ambito globale. Nel caso di lodash questa variabile si chiama _. Ora, sotto l'inclusione della libreria, includiamo il nostro file, in cui scriveremo il codice del nostro sito:

<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<script src="lodash.js"></script>
		<script src="test.js"></script>
	</head>
	<body>
	
	</body>
</html>

In questo file sarà accessibile la variabile globale creata dalla libreria lodash inclusa in precedenza:

console.log(_); // in questa variabile c'è la libreria lodash

Usiamo uno dei metodi della libreria inclusa:

let res = _.chunk(['a', 'b', 'c', 'd'], 2);
console.log([['a', 'b'], ['c', 'd']]);

Scarica la libreria underscorejs. Includila nel tuo file HTML. Prova diverse funzioni di questa libreria.