Underscore.JS - 环境设置
在本章中,您将详细了解如何在本地计算机上设置 Underscore.JS 的工作环境。在开始使用 Underscore.JS 之前,您需要访问该库。您可以通过以下任何一种方法访问其文件 −
方法 1:在浏览器中使用 Underscore.JS 文件
在此方法中,我们将需要从其官方网站获取 Underscore.JS 文件,并将直接在浏览器中使用它。
步骤 1
首先,请访问 Underscore.JS 的官方网站 https://underscorejs.org/。
请注意,有一个可用的下载选项,可为您提供最新的 underscore-min.js 文件 UMD (Production)。右键单击链接并选择另存为。请注意,该文件在压缩和未压缩两种情况下均可用。
步骤 2
现在,在 script 标签内包含 underscore-min.js,并开始使用 Underscore.JS。为此,您可以使用下面给出的代码 −
<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>
为了更好地理解,这里给出了一个工作示例及其输出 −
Example
<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 contributer and audited 1 package in 6.331s found 0 problems
现在,要测试 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