Lodash - 環境設定
在本節中，您將詳細瞭解在本地計算機上設定 Lodash 工作環境。在開始使用 Lodash 之前，您需要能夠訪問該庫。您可以透過以下任一方法訪問它：-
方法 1：在瀏覽器中使用 Lodash 檔案
此方法中，我們需要從其官方網站獲取 Lodash 檔案，並在瀏覽器中直接使用它。
步驟 1
作為第一步，請轉到 Lodash 的官方網站 https://lodash.com/。
觀察到可用的下載選項，該選項可提供最新的 lodash.min.js 檔案 CDN 副本。點選連結，並選擇 lodash.min.js 的最新連結。
步驟 2
現在，將 lodash.min.js 包含在 script 標記內，並開始使用 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 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
廣告