Lodash 环境设置
在本章中,您将详细了解如何在本地计算机上设置 Lodash 的工作环境。在开始使用 Lodash 之前,您需要有权访问该库。您可以通过以下任何一种方法访问其文件-
方法一:在浏览器中使用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-
成功安装 Lodash 后,您可以观察到以下输出-
+ lodash@4.17.20
added 1 package from 2 contributors and audited 1 package in 2.54s
found 0 vulnerabilities
现在,要测试 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 中。以下命令用于编译和执行该程序。
命令
输出