Использование библиотек в JavaScript

Давайте посмотрим на общий принцип использования библиотек. Пусть нам понадобилась библиотека с удобными функциями для работы с массивами. Пусть мы погуглили и нагуглили библиотеку lodash.

Заходим на сайт библиотеки и ищем ссылки на скачивание библиотеки. Как правило, библиотеки предоставляются в двух вариантах: в обычном и минимизированном. Обычный вид удобен, если вы хотите изучить исходный код библиотеки. Минимизированный вид удобен тем, что он занимает меньше места.

Итак, ищем ссылку на скачивание. Скачиваем библиотеку. Иногда бывает так, что в документации дается ссылка на JavaScript файл. В этом случае этот файл вместо того, чтобы скачаться, просто откроется в браузере. В этом случае в меню браузера нужно выбрать сохранение или нажать Ctrl + S и сохранить себе библиотеку в виде файла.

Скаченную библиотеку нужно подключить к своему HTML файлу:

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

Подключенная библиотека создает одну или несколько переменных в общей области видимости. В случае с lodash эта переменная называется _. Давайте теперь ниже подключения библиотеки подключим наш файл, в котором мы будем писать код нашего сайта:

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

В этом файле будет доступна глобальная переменная, которую создает ранее подключенная библиотека lodash:

test.jsconsole.log(_); // в этой переменной библиотека lodash

Воспользуемся одним из методов подключенной библиотеки:

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