Underscore.JS - Pengaturan Lingkungan
Di bab ini, Anda akan mempelajari secara detail tentang cara menyetel lingkungan kerja Underscore.JS di komputer lokal Anda. Sebelum Anda mulai mengerjakan Underscore.JS, Anda harus memiliki akses ke perpustakaan. Anda dapat mengakses file-nya dengan salah satu metode berikut -
Metode 1: Menggunakan File Underscore.JS di Browser
Dalam metode ini, kita membutuhkan file Underscore.JS dari situs resminya dan akan menggunakannya langsung di browser.
Langkah 1
Sebagai langkah pertama, buka situs resmi Underscore.JS https://underscorejs.org/.
Perhatikan bahwa ada opsi unduhan yang tersedia yang memberi Anda UMD (Produksi) file underscore-min.js terbaru yang tersedia. Klik kanan pada tautan dan pilih simpan sebagai. Perhatikan bahwa file tersedia dengan dan tanpa minifikasi.
Langkah 2
Sekarang, sertakan underscore-min.js di dalam scriptberi tag dan mulai bekerja dengan Underscore.JS. Untuk ini, Anda dapat menggunakan kode yang diberikan di bawah ini -
<script type = "text/JavaScript" src = "https://underscorejs.org/underscore-min.js"></script>Diberikan di sini adalah contoh kerja dan hasilnya untuk pemahaman yang lebih baik -
Contoh
<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>Keluaran
Metode 2: Menggunakan Node.js
Jika Anda memilih metode ini, pastikan Anda memilikinya Node.js dan npmdiinstal di sistem Anda. Anda dapat menggunakan perintah berikut untuk menginstal Underscore.JS -
npm install underscoreAnda dapat mengamati output berikut setelah Underscore.JS berhasil diinstal -
+ [email protected]
added 1 package from 1 contributor and audited 1 package in 6.331s
found 0 vulnerabilitiesSekarang, untuk menguji apakah Underscore.JS berfungsi dengan baik dengan Node.js, buat file tester.js dan tambahkan kode berikut ke dalamnya -
var _ = require('underscore');
var numbers = [1, 2, 3, 4];
var listOfNumbers = '';
_.each(numbers, function(x) { listOfNumbers += x + ' ' });
console.log(listOfNumbers);Simpan program di atas dalam tester.js. Perintah berikut digunakan untuk mengkompilasi dan menjalankan program ini.
Perintah
\>node tester.jsKeluaran
1 2 3 4