Uso de bibliotecas en JavaScript

Veamos el principio general de uso de bibliotecas. Supongamos que necesitamos una biblioteca con funciones convenientes para trabajar con arrays. Supongamos que buscamos en Google y encontramos la biblioteca lodash.

Entramos en el sitio web de la biblioteca y buscamos enlaces para descargar la biblioteca. Generalmente, las bibliotecas se proporcionan en dos variantes: normal y minimizada. La versión normal es conveniente si quieres estudiar el código fuente de la biblioteca. La versión minimizada es conveniente porque ocupa menos espacio.

Entonces, buscamos el enlace de descarga. Descargamos la biblioteca. A veces sucede que en la documentación se da un enlace al archivo JavaScript. En este caso, este archivo, en lugar de descargarse, simplemente se abrirá en el navegador. En este caso en el menú del navegador hay que seleccionar guardar o presionar Ctrl + S y guardar la biblioteca en forma de archivo.

La biblioteca descargada debe conectarse a nuestro archivo HTML:

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

La biblioteca conectada crea una o varias variables en el ámbito global. En el caso de lodash, esta variable se llama _. Ahora, justo después de conectar la biblioteca, conectemos nuestro archivo, en el cual escribiremos el código de nuestro sitio web:

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

En este archivo estará disponible la variable global que crea la biblioteca lodash previamente conectada:

console.log(_); // en esta variable está la biblioteca lodash

Usemos uno de los métodos de la biblioteca conectada:

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

Descarga la biblioteca underscorejs. Conéctala a tu archivo HTML. Prueba varias funciones de esta biblioteca.