Использование библиотек в JavaScript

Давайте посмотрим на общий принцип использования библиотек. Пусть нам понадобилась библиотека с удобными функциями для работы с массивами. Пусть мы погуглили и нагуглили библиотеку lodash.

Заходим на сайт библиотеки и ищем ссылки на скачивание библиотеки. Как правило, библиотеки предоставляются в двух вариантах: в обычном и минимизированном. Обычный вид удобен, если вы хотите изучить исходный код библиотеки. Минимизированный вид удобен тем, что он занимает меньше места.

Итак, ищем ссылку на скачивание. Скачиваем библиотеку. Иногда бывает так, что в документации дается ссылка на JavaScript файл. В этом случае этот файл вместо того, чтобы скачаться, просто откроется в браузере. В этом случае в меню браузера нужно выбрать сохранение или нажать Ctrl + S и сохранить себе библиотеку в виде файла.

Скаченную библиотеку нужно подключить к своему HTML файлу:

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

Подключенная библиотека создает одну или несколько переменных в общей области видимости. В случае с lodash эта переменная называется _. Давайте теперь ниже подключения библиотеки подключим наш файл, в котором мы будем писать код нашего сайта:

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

В этом файле будет доступна глобальная переменная, которую создает ранее подключенная библиотека lodash:

console.log(_); // в этой переменной библиотека lodash

Воспользуемся одним из методов подключенной библиотеки:

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

Скачайте себе библиотеку underscorejs. Подключите ее к своему HTML файлу. Опробуйте несколько функций из этой библиотеки.