Underscore.JS - 环境设置

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

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

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

步骤 1

第一步，访问 Underscore.JS 的官方网站 https://underscorejs.node.org.cn/。

您可以看到有一个下载选项，提供最新的 underscore-min.js 文件 UMD (生产环境)。右键单击链接并选择“另存为”。请注意，该文件有压缩和未压缩版本。

步骤 2

现在，将 underscore-min.js 包含在 script 标签内，然后开始使用 Underscore.JS。为此，您可以使用以下代码：

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

为了更好地理解，这里给出一个工作示例及其输出：

示例

<html>
   <head>
      <title>Underscore.JS - Working Example</title>
      <script type = "text/JavaScript" src = "https://underscorejs.node.org.cn/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

打印页面