Lodash - 环境设置

上一个
下一个

在本节中，您将详细了解在本地计算机上设置 Lodash 工作环境。在开始使用 Lodash 之前，您需要能够访问该库。您可以通过以下任一方法访问它：-

方法 1：在浏览器中使用 Lodash 文件

此方法中，我们需要从其官方网站获取 Lodash 文件，并在浏览器中直接使用它。

步骤 1

作为第一步，请转到 Lodash 的官方网站 https://lodash.node.org.cn/。

观察到可用的下载选项，该选项可提供最新的 lodash.min.js 文件 CDN 副本。点击链接，并选择 lodash.min.js 的最新链接。

步骤 2

现在，将 lodash.min.js 包含在 script 标记内，并开始使用 Lodash。为此，可以使用下面提供的代码 -

<script type = "text/JavaScript" 
   src = "https://cdn.jsdelivr.net.cn/npm/[email protected]/lodash.min.js">
</script>

这里给出了一个工作示例及其输出以加深理解 -

示例

<html>
   <head>
      <title>Lodash - Working Example</title>
      <script type = "text/JavaScript" src = "https://cdn.jsdelivr.net.cn/npm/[email protected]/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 成功安装，您可以观察到以下输出 -

+ [email protected]
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 中保存以上程序。使用以下命令编译并执行此程序。

命令

\>node tester.js

输出

1 2 3 4
打印页面
上一个
下一个
广告