Utilisation de bibliothèques en JavaScript

Examinons le principe général d'utilisation des bibliothèques. Supposons que nous ayons besoin d'une bibliothèque avec des fonctions pratiques pour travailler avec des tableaux. Supposons que nous ayons recherché et trouvé la bibliothèque lodash.

Allons sur le site de la bibliothèque et cherchons les liens de téléchargement. Généralement, les bibliothèques sont fournies en deux versions : standard et minifiée. La version standard est pratique si vous voulez étudier le code source de la bibliothèque. La version minifiée est pratique car elle prend moins de place.

Ainsi, cherchons un lien de téléchargement. Téléchargeons la bibliothèque. Il arrive parfois que dans la documentation un lien vers un fichier JavaScript soit donné. Dans ce cas, ce fichier, au lieu de se télécharger, s'ouvrira simplement dans le navigateur. Dans ce cas, dans le menu du navigateur, il faut choisir l'option d'enregistrement ou appuyer sur Ctrl + S et sauvegarder la bibliothèque sous forme de fichier.

La bibliothèque téléchargée doit être intégrée à votre fichier HTML :

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

La bibliothèque intégrée crée une ou plusieurs variables dans la portée globale. Dans le cas de lodash, cette variable s'appelle _. Maintenant, en dessous de l'intégration de la bibliothèque, intégrons notre fichier dans lequel nous écrirons le code de notre site :

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

Dans ce fichier, la variable globale créée par la bibliothèque lodash intégrée précédemment sera accessible :

console.log(_); // dans cette variable se trouve la bibliothèque lodash

Utilisons l'une des méthodes de la bibliothèque intégrée :

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

Téléchargez la bibliothèque underscorejs. Intégrez-la à votre fichier HTML. Testez plusieurs fonctions de cette bibliothèque.