Underscore.JS - Настройка среды

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

Метод 1: использование файла Underscore.JS в браузере

В этом методе нам понадобится файл Underscore.JS с официального сайта, и мы будем использовать его непосредственно в браузере.

Шаг 1

В качестве первого шага перейдите на официальный сайт Underscore.JS. https://underscorejs.org/.

Обратите внимание, что есть вариант загрузки, который дает вам последний доступный файл underscore-min.js UMD (Production) . Щелкните правой кнопкой мыши ссылку и выберите «Сохранить как». Обратите внимание, что файл доступен с минимизацией и без нее.

Шаг 2

Теперь включите underscore-min.js внутри scriptтег и начните работать с Underscore.JS. Для этого вы можете использовать приведенный ниже код -

<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>

Ниже приводится рабочий пример и его результат для лучшего понимания -

пример

<html>
   <head>
      <title>Underscore.JS - Working Example</title>
      <script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>
      <style>
         div {
            border: solid 1px #ccc;
            padding:10px;
            font-family: "Segoe UI",Arial,sans-serif;
            width: 50%;
         }
      </style>
   </head>
   <body>
      <div style = "font-size:25px" id = "list">
	  </div>
      <script type = "text/JavaScript">
         var numbers = [1, 2, 3, 4];
         var listOfNumbers = '';
         _.each(numbers, function(x) { listOfNumbers += x + ' ' });
         document.getElementById("list").innerHTML = listOfNumbers;
      </script>
   </body>
</html>

Вывод

Метод 2: Использование Node.js

Если вы выбираете этот метод, убедитесь, что у вас есть Node.js и npmустановлен в вашей системе. Вы можете использовать следующую команду для установки Underscore.JS -

npm install underscore

После успешной установки Underscore.JS вы можете увидеть следующий результат:

+ [email protected]
added 1 package from 1 contributor and audited 1 package in 6.331s
found 0 vulnerabilities

Теперь, чтобы проверить, нормально ли Underscore.JS работает с Node.js, создайте файл tester.js и добавьте в него следующий код:

var _ = require('underscore');
var numbers = [1, 2, 3, 4];
var listOfNumbers = '';
_.each(numbers, function(x) { listOfNumbers += x + ' ' });
console.log(listOfNumbers);

Сохраните указанную выше программу в tester.js. Следующие команды используются для компиляции и выполнения этой программы.

Команда

\>node tester.js

Вывод

1 2 3 4