Používání knihoven v JavaScriptu

Podívejme se na obecný princip používání knihoven. Předpokládejme, že potřebujeme knihovnu s pohodlnými funkcemi pro práci s poli. Řekněme, že jsme vyhledali a našli knihovnu lodash.

Přejdeme na web knihovny a hledáme odkazy ke stažení knihovny. Obecně knihovny jsou poskytovány ve dvou variantách: v běžné a minimalizované. Běžná verze je vhodná, pokud chcete prostudovat zdrojový kód knihovny. Minimalizovaná verze je výhodná tím, že zabírá méně místa.

Takže hledáme odkaz ke stažení. Stáhneme knihovnu. Někdy se stává, že v dokumentaci je uveden odkaz na JavaScriptový soubor. V tomto případě se tento soubor místo stažení jednoduše otevře v prohlížeči. Pak v menu prohlížeče je třeba zvolit uložení nebo stisknout Ctrl + S a uložit si knihovnu jako soubor.

Staženou knihovnu je třeba připojit k svému HTML souboru:

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

Připojená knihovna vytvoří jednu nebo více proměnných v globální oblasti viditelnosti. V případě lodash se tato proměnná jmenuje _. Nyní níže připojení knihovny připojme náš soubor, ve kterém budeme psát kód našeho webu:

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

V tomto souboru bude dostupná globální proměnná, kterou vytváří dříve připojená knihovna lodash:

console.log(_); // v této proměnné je knihovna lodash

Použijme jednu z metod připojené knihovny:

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

Stáhněte si knihovnu underscorejs. Připojte ji ke svému HTML souboru. Vyzkoušejte několik funkcí z této knihovny.