JavaScript könyvtárak használata

Nézzük meg a könyvtárak használatának általános elvét. Tegyük fel, hogy szükségünk van egy olyan könyvtárra, amely kényelmes függvényeket kínál a tömbökkel való munkához. Tegyük fel, hogy kerestünk, és megtaláltuk a lodash könyvtárat.

Meglátogatjuk a könyvtár weboldalát, és keressük a könyvtár letöltésére szolgáló linkeket. Általában a könyvtárak két változatban érhetők el: szokásos és minified (összezsugorított) formában. A szokásos forma akkor hasznos, ha tanulmányozni szeretnéd a könyvtár forráskódját. A minified forma azért praktikus, mert kevesebb helyet foglal.

Szóval, keressük a letöltési linket. Letöltjük a könyvtárat. Előfordul, hogy a dokumentációban közvetlenül egy JavaScript fájlra mutató link található. Ebben az esetben ez a fájl a letöltés helyett egyszerűen megnyílik a böngészőben. Ekkor a böngésző menüjében ki kell választani a mentési lehetőséget vagy meg kell nyomni a Ctrl + S billentyűkombinációt a könyvtár fájl formájú mentéséhez.

A letöltött könyvtárat be kell kapcsolni a saját HTML fájljába:

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

A bekapcsolt könyvtár egy vagy több változót hoz létre a globális névtérben. A lodash esetében ez a változó a _ nevet viseli. Most kapcsoljunk be a könyvtár alá egy saját fájlt, amelybe a weboldalunk kódját írjuk:

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

Ebben a fájlban elérhető lesz az a globális változó, amelyet a korábban bekapcsolt lodash könyvtár hozott létre:

test.jsconsole.log(_); // ebben a változóban a lodash könyvtár található

Használjunk fel egy metódust a bekapcsolt könyvtárból:

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