JavaScript वेरिएबल
कमेंट आप देख चुके हैं: इंसान के लिए नोट, प्रोग्राम के लिए स्टोरेज नहीं। अब वेरिएबल — नाम वाला डिब्बा जो मान रखता है, ताकि वही संख्या या टेक्स्ट बार-बार न लिखना पड़े।
JavaScript में वेरिएबल क्या है और कैसे घोषित करें?
वेरिएबल एक नाम है जो कोई मान रखता है। let या const से नाम बनाते हैं (घोषणा), फिर = से मान देते हैं। उसके बाद मान दोहराने की जगह उसी नाम को बुलाते हैं। बाद में बदल सकता हो तो let; पहली असाइनमेंट के बाद वैसा ही रहना हो तो const। पुराने उदाहरणों में कभी var दिखेगा; इस कोर्स के शुरुआती काम के लिए let और const काफी और बेहतर हैं।
कौन सा कीवर्ड लें?
📊 शुरुआती के लिए let, const या var
| कीवर्ड | उदाहरण | शुरुआती सलाह |
|---|---|---|
let |
let score = 10; |
नाम बनाएँ; बाद में नया मान दे सकते हैं |
const |
const city = "Oslo"; |
नाम बनाएँ; पहले मान के बाद फिर से असाइन न करें |
var |
var old = 1; |
पुराना अंदाज़; चलता है, पर यहाँ let / const अपनाएँ |
चिह्न = |
score = 15; |
पहले से let वाले नाम में मान रखता है |
| नाम पढ़ना | console.log(score); |
संग्रहीत मान लाता है — नाम डेटा की जगह लेता है |
let से बनाएँ और मान देखें
let नाम बनाता है। पहला = मान अंदर रखता है। फिर console.log उसे कंसोल में दिखाता है।
let greeting = "Hello";
console.log(greeting);
const से बनाएँ
const भी मान रखता है; इस नाम के लिए पहली असाइनमेंट को अंतिम मानें।
const course = "JavaScript";
console.log(course);
let का मान बदलें
let के साथ फिर = लगा सकते हैं। नाम वही रहता है; अंदर की चीज़ बदलती है।
let score = 10;
score = 15;
console.log(score);
कंसोल 15 दिखाता है — बाद वाली असाइनमेंट ने 10 की जगह ले ली।
पहले नाम, फिर मान
कभी सिर्फ let status; लिखते हैं और अगली पंक्ति में मान देते हैं। जब तक अंदर कुछ न हो, ऐसे इस्तेमाल न करें मानो पहले से उपयोगी मान हो।
let status;
status = "Ready";
console.log(status);
एक व्यंजक में दो नाम
नाम व्यंजक के अंदर भी आ सकते हैं। इंजन हर संग्रहीत मान पढ़ता है और परिणाम बनाता है।
let a = 2;
let b = 3;
console.log(a + b);
वेरिएबल का मान पेज पर दिखाएँ
टेक्स्ट वेरिएबल में रखें, फिर वही नाम textContent को दें। सिर्फ वेरिएबल की स्ट्रिंग बदलें और पेज रीफ़्रेश करें — शीर्षक अपडेट होगा।
<!DOCTYPE html>
<html>
<head>
<title>Variables — Page value</title>
</head>
<body>
<h1 id="msg">Waiting…</h1>
<script>
let message = "Variables hold values";
document.getElementById("msg").textContent = message;
</script>
</body>
</html>
शीर्षक वही दिखाता है जो message में है। वेरिएबल दोबारा इस्तेमाल वाला डिब्बा है; DOM लाइन सिर्फ आउटपुट पेज पर रखती है — वही कौशल जो आप पहले अभ्यास कर चुके हैं।
खुद आज़माएँ
- अपने नाम की स्ट्रिंग वाला
letबनाएँ, लॉग करें, दूसरी स्ट्रिंग दें और फिर लॉग करें। - शहर के नाम के लिए
constबनाएँ और लॉग करें। फिर असाइन न करें; कोशिश पर त्रुटि आएगी — वह पंक्ति हटा दें। let total;लिखें, फिरtotal = 5;दें औरtotalलॉग करें।- दो संख्याओं वाला
letबनाएँ और+से योग लॉग करें। - HTML डेमो में सिर्फ
messageकी स्ट्रिंग बदलें, रीफ़्रेश करें और शीर्षक जाँचें।
आम गलतियाँ
- घोषणा से पहले (या किसी उपयोगी मान से पहले) नाम इस्तेमाल करना
const score = 1;फिरscore = 2;—constइसे मना करता है- सिर्फ कमेंट में संख्या लिखकर उम्मीद कि प्रोग्राम «याद» रखेगा — कमेंट स्टोरेज नहीं
- हर उदाहरण में
varज़रूरी समझना — यह कोर्सletऔरconstपसंद करता है - अवैध या उलझाने वाले नाम (स्पेस, अंक से शुरू) — सिंटैक्स पाठ में पहचानकर्ता नियम देखें
सार
- वेरिएबल दोबारा इस्तेमाल वाले मान के लिए नाम वाला डिब्बा है
letयाconstसे घोषणा,=से असाइनletसे फिर असाइन; पहले मान के बादconstस्थिर रखें- शुरुआती कोड में पुराने
varसे पहलेletऔरconst - आगे डेटा प्रकार: वेरिएबल किस तरह के मान रख सकता है
🧠 अपने ज्ञान की परीक्षा करें
अपने ज्ञान की परीक्षा करें
इस इंटरैक्टिव क्विज़ के साथ अपनी चुनौती लें और देखें कि आप विषय को कितनी अच्छी तरह समझते हैं
📝 निर्देश
- हर प्रश्न को ध्यान से पढ़ें
- हर प्रश्न के लिए सबसे अच्छा उत्तर चुनें
- आप जितनी बार चाहें क्विज़ दोबारा दे सकते हैं
- आपकी प्रगति शीर्ष पर दिखाई जाएगी