Underscore.JS - पर्यावरण सेटअप
इस अध्याय में, आप अपने स्थानीय कंप्यूटर पर अंडरस्कोर के काम के माहौल को स्थापित करने के बारे में विस्तार से जानेंगे। इससे पहले कि आप अंडरस्कोर.जेएस पर काम करना शुरू करें, आपको लाइब्रेरी तक पहुंच की आवश्यकता है। आप निम्न में से किसी भी तरीके से इसकी फ़ाइलों तक पहुँच सकते हैं -
विधि 1: ब्राउज़र में अंडरस्कोर।जेएस फ़ाइल का उपयोग करना
इस विधि में, हमें इसकी आधिकारिक वेबसाइट से अंडरस्कोर.जेएस फ़ाइल की आवश्यकता होगी और इसे सीधे ब्राउज़र में उपयोग करेगा।
चरण 1
पहले कदम के रूप में, अंडरस्कोर की आधिकारिक वेबसाइट पर जाएं। जेएस https://underscorejs.org/।
ध्यान रखें कि एक डाउनलोड विकल्प उपलब्ध है जो आपको नवीनतम अंडरस्कोर- min.js फ़ाइल UMD (उत्पादन) उपलब्ध कराता है। लिंक पर राइट क्लिक करें और इस रूप में सहेजें चुनें। ध्यान दें कि फ़ाइल मिनिमाइज़ेशन के साथ और उसके बिना उपलब्ध है।
चरण 2
अब, शामिल करें underscore-min.js के अंदर scriptटैग और अंडरस्कोर के साथ काम करना शुरू करें। 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 सफलतापूर्वक स्थापित होने के बाद आप निम्नलिखित आउटपुट देख सकते हैं -
+ [email protected]
added 1 package from 1 contributor and audited 1 package in 6.331s
found 0 vulnerabilitiesअब, यह जांचने के लिए कि क्या अंडरस्कोर.जेएस Node.js के साथ ठीक काम करता है, फ़ाइल test.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