Underscore.JS 环境搭建|极客教程

Underscore.JS 环境搭建

在本章中，您将详细了解如何在本地计算机上设置Underscore.JS的工作环境。在开始使用Underscore.JS之前，您需要访问该库。您可以通过以下任何一种方法访问其文件 –

方法1：在浏览器中使用Underscore.JS文件

在这种方法中，我们将从其官方网站获取Underscore.JS文件，并直接在浏览器中使用它。

步骤1

作为步骤1，访问Underscore.JS的官方网站 https://underscorejs.org/ 。

注意到有一个可用的下载选项，可以获得最新的underscore-min.js文件 UMD（生产）。右键单击链接并选择另存为。注意文件可用有和没有精简版本。

步骤2

现在，在 script 标签中包含 underscore-min.js ，并开始使用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，您可以观察到以下输出：

+ underscore@1.10.2
added 1 package from 1 contributor and audited 1 package in 6.331s
found 0 vulnerabilities

现在，为了测试Underscore.JS是否与Node.js正常工作，请创建文件tester.js并将以下代码添加到其中 – ＃45；

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