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

Нека да разгледаме общия принцип на използване на библиотеки. Да приемем, че се нуждаем от библиотека с удобни функции за работа с масиви. Да приемем, че потърсихме в Google и намерихме библиотеката 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 файл. Изпробвайте няколко функции от тази библиотека.