Korišćenje biblioteka u JavaScriptu

Hajde da pogledamo opšti princip korišćenja biblioteka. Pretpostavimo da nam je potrebna biblioteka sa zgodnim funkcijama za rad sa nizovima. Pretpostavimo da smo preguglali i pronašli biblioteku lodash.

Idemo na sajt biblioteke i tražimo linkove za preuzimanje biblioteke. Uglavnom, biblioteke se pružaju u dve varijante: u običnoj i minifikovanoj. Običan oblik je zgodan ako želite da proučite izvorni kod biblioteke. Minifikovani oblik je zgodan jer zauzima manje prostora.

Dakle, tražimo link za preuzimanje. Preuzimamo biblioteku. Ponekad se dešava da u dokumentaciji bude dat link na JavaScript fajl. U tom slučaju taj fajl će se, umesto da se preuzme, jednostavno otvoriti u pretraživaču. U tom slučaju u meniju pretraživača treba izabrati čuvanje ili pritisnuti Ctrl + S i sačuvati sebi biblioteku u obliku fajla.

Preuzetu biblioteku treba povezati sa svojim HTML fajlom:

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

Povezana biblioteka kreira jednu ili više promenljivih u globalnoj oblasti vidljivosti. U slučaju lodash-a ta promenljiva se zove _. Hajde sada ispod povezivanja biblioteke da povežemo naš fajl, u kojem ćemo pisati kod našeg sajta:

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

U ovom fajlu će biti dostupna globalna promenljiva, koju kreira prethodno povezana biblioteka lodash:

test.jsconsole.log(_); // u ovoj promenljivoj je biblioteka lodash

Iskoristimo jednu od metoda povezane biblioteke:

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