Używanie bibliotek w JavaScript

Przyjrzyjmy się ogólnej zasadzie używania bibliotek. Załóżmy, że potrzebujemy biblioteki z wygodnymi funkcjami do pracy z tablicami. Załóżmy, że przeszukaliśmy Google i znaleźliśmy bibliotekę lodash.

Wejdź na stronę biblioteki i poszukaj linków do pobrania biblioteki. Z reguły, biblioteki są dostępne w dwóch wersjach: zwykłej i zminimalizowanej. Wersja zwykła jest przydatna, jeśli chcesz przestudiować kod źródłowy biblioteki. Wersja zminimalizowana jest wygodna, ponieważ zajmuje mniej miejsca.

A zatem, szukamy linku do pobrania. Pobieramy bibliotekę. Czasem zdarza się tak, że w dokumentacji podany jest link do pliku JavaScript. W tym przypadku zamiast zostać pobranym, plik po prostu otworzy się w przeglądarce. W takiej sytuacji w menu przeglądarki należy wybrać opcję zapisu lub nacisnąć Ctrl + S i zapisać bibliotekę jako plik.

Pobraną bibliotekę należy podłączyć do swojego pliku HTML:

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

Podłączona biblioteka tworzy jedną lub kilka zmiennych w globalnej przestrzeni nazw. W przypadku lodash ta zmienna nazywa się _. Teraz, poniżej podłączenia biblioteki, podłączmy nasz plik, w którym będziemy pisać kod naszej strony:

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

W tym pliku będzie dostępna globalna zmienna, którą tworzy wcześniej podłączona biblioteka lodash:

console.log(_); // w tej zmiennej znajduje się biblioteka lodash

Skorzystajmy z jednej z metod podłączonej biblioteki:

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

Pobierz bibliotekę underscorejs. Podłącz ją do swojego pliku HTML. Wypróbuj kilka funkcji z tej biblioteki.