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