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:

html<!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:

html<!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:

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

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

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