Underscore.JS - Thiết lập môi trường
Trong chương này, bạn sẽ tìm hiểu chi tiết về cách thiết lập môi trường làm việc của Underscore.JS trên máy tính cục bộ của bạn. Trước khi bắt đầu làm việc với Underscore.JS, bạn cần có quyền truy cập vào thư viện. Bạn có thể truy cập các tệp của nó bằng bất kỳ phương pháp nào sau đây:
Phương pháp 1: Sử dụng tệp Underscore.JS trong trình duyệt
Trong phương pháp này, chúng tôi sẽ cần tệp Underscore.JS từ trang web chính thức của nó và sẽ sử dụng nó trực tiếp trong trình duyệt.
Bước 1
Bước đầu tiên, hãy truy cập trang web chính thức của Underscore.JS https://underscorejs.org/.
Quan sát rằng có một tùy chọn tải xuống có sẵn để cung cấp cho bạn tệp underscore-min.js UMD (Sản xuất) mới nhất hiện có. Nhấp chuột phải vào liên kết và chọn lưu dưới dạng. Lưu ý rằng tệp có sẵn có và không có thu nhỏ.
Bước 2
Bây giờ, bao gồm underscore-min.js bên trong scriptvà bắt đầu làm việc với Underscore.JS. Đối với điều này, bạn có thể sử dụng mã được cung cấp bên dưới -
<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>Dưới đây là một ví dụ hoạt động và đầu ra của nó để hiểu rõ hơn -
Thí dụ
<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>Đầu ra
Phương pháp 2: Sử dụng Node.js
Nếu bạn đang chọn phương pháp này, hãy đảm bảo rằng bạn có Node.js và npmđược cài đặt trên hệ thống của bạn. Bạn có thể sử dụng lệnh sau để cài đặt Underscore.JS -
npm install underscoreBạn có thể quan sát kết quả sau khi Underscore.JS được cài đặt thành công:
+ [email protected]
added 1 package from 1 contributor and audited 1 package in 6.331s
found 0 vulnerabilitiesBây giờ, để kiểm tra xem Underscore.JS có hoạt động tốt với Node.js hay không, hãy tạo tệp tester.js và thêm mã sau vào nó:
var _ = require('underscore');
var numbers = [1, 2, 3, 4];
var listOfNumbers = '';
_.each(numbers, function(x) { listOfNumbers += x + ' ' });
console.log(listOfNumbers);Lưu chương trình trên vào tester.js. Các lệnh sau được sử dụng để biên dịch và thực thi chương trình này.
Chỉ huy
\>node tester.jsĐầu ra
1 2 3 4