Usando bibliotecas em JavaScript

Vamos dar uma olhada no princípio geral de uso de bibliotecas. Digamos que precisamos de uma biblioteca com funções convenientes para trabalhar com arrays. Digamos que pesquisamos e encontramos a biblioteca lodash.

Acessamos o site da biblioteca e procuramos pelos links para baixar a biblioteca. Geralmente, as bibliotecas são fornecidas em duas variantes: a regular e a minificada. A versão regular é conveniente se você quiser estudar o código fonte da biblioteca. A versão minificada é conveniente porque ocupa menos espaço.

Então, procuramos o link para download. Baixamos a biblioteca. Às vezes acontece que na documentação é fornecido um link para um arquivo JavaScript. Nesse caso, em vez de baixar, esse arquivo simplesmente será aberto no navegador. Nessa situação, no menu do navegador, você precisa selecionar a opção salvar ou pressionar Ctrl + S e salvar a biblioteca como um arquivo.

A biblioteca baixada precisa ser vinculada ao seu arquivo HTML:

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

A biblioteca vinculada cria uma ou várias variáveis no escopo global. No caso do lodash, essa variável se chama _. Vamos agora, abaixo do vínculo da biblioteca, vincular nosso arquivo, no qual escreveremos o código do nosso site:

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

Neste arquivo, estará disponível a variável global criada pela biblioteca lodash vinculada anteriormente:

console.log(_); // nesta variável está a biblioteca lodash

Vamos usar um dos métodos da biblioteca vinculada:

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

Baixe a biblioteca underscorejs. Vincule-a ao seu arquivo HTML. Experimente várias funções desta biblioteca.