Underscore.JS - 環境設定

本章將詳細介紹如何在本地計算機上設定 Underscore.JS 的工作環境。在開始使用 Underscore.JS 之前，您需要訪問該庫。您可以透過以下任何一種方法訪問其檔案：

方法 1：在瀏覽器中使用 Underscore.JS 檔案

在這種方法中，我們將需要從其官方網站獲取 Underscore.JS 檔案，並直接在瀏覽器中使用它。

步驟 1

第一步，訪問 Underscore.JS 的官方網站 https://underscorejs.org/。

您可以看到有一個下載選項，提供最新的 underscore-min.js 檔案 UMD (生產環境)。右鍵單擊連結並選擇“另存為”。請注意，該檔案有壓縮和未壓縮版本。

步驟 2

現在，將 underscore-min.js 包含在 script 標籤內，然後開始使用 Underscore.JS。為此，您可以使用以下程式碼：

<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>

為了更好地理解，這裡給出一個工作示例及其輸出：

示例

<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 contributor and audited 1 package in 6.331s
found 0 vulnerabilities

現在，要測試 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

列印頁面