Lodash - 环境设置
在本章中,您将详细了解如何在本地计算机上设置 Lodash 的工作环境。在开始使用 Lodash 之前,您需要访问该库。您可以通过以下任何一种方法访问其文件 −
方法 1:在浏览器中使用 Lodash 文件
在此方法中,我们将需要来自其官方网站的 Lodash 文件,并将直接在浏览器中使用它。
步骤 1
首先,请访问 Lodash 的官方网站 https://lodash.com/。
请注意,有一个可用的下载选项,可为您提供最新的 lodash.min.js 文件 CDN 副本。单击链接并选择 lodash.min.js 的最新链接。
步骤 2
现在,在 script 标记内包含 lodash.min.js 并开始使用 Lodash。为此,您可以使用下面给出的代码 −
<script type = "text/JavaScript" src = "https://cdn.jsdelivr.net/npm/lodash@4.17.20/lodash.min.js"> </script>
这里给出了一个工作示例及其输出,以便更好地理解 −
示例
<html> <head> <title>Lodash - Working Example</title> <script type = "text/JavaScript" src = "https://cdn.jsdelivr.net/npm/lodash@4.17.20/lodash.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。您可以使用以下命令安装 Lodash −
npm install lodash
成功安装 Lodash 后,您可以观察到以下输出 −
+ lodash@4.17.20 added 1 package from 2 contributers and audited 1 package in 2.54s found 0 problems
现在,要测试 Lodash 是否与 Node.js 配合良好,请创建文件 tester.js 并将以下代码添加到其中 −
var _ = require('lodash'); 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