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:

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:

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

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

Skorzystajmy z jednej z metod podłączonej biblioteki:

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