JS Variables
Variable का मतलब होता है — कुछ ऐसा जो बदल सकता है। Programming में Variable वो जगह होती है जहाँ हम Data को Store (सहेज) करते हैं। आसान भाषा में कहें — Variable एक “डब्बा (Box)” है जिसमें हम कोई भी Value रख सकते हैं। और जब चाहे उस Value को बदल सकते हैं।
Example से समझिए
<style>
let name = "Jaswant";
let age = 25;
let city = "Jaipur";
</style>यहाँ:
- name, age, city — ये Variables हैं।
- "Jaswant", 25, "Jaipur" — ये Values हैं।
यानि
- Variable = Label (नाम)
- Value = Data जो Store हुआ है
Variable क्यों ज़रूरी हैं?
अगर आपको Program में कोई Value बार-बार Use करनी है या बाद में बदलनी है — तो हर जगह Edit करना Possible नहीं। Variable की मदद से हम बस नाम से Value को Access कर सकते हैं। Example
<script>
let price = 100;
let quantity = 3;
let total = price * quantity;
console.log("Total Price = ₹" + total);
</script>अगर आप price बदलना चाहें तो बस एक Line बदलिए, बाकी अपने आप Update हो जाएगा।
Variable Declare करने के तीन तरीके हैं
JavaScript में Variable बनाने के लिए 3 Keywords हैं
| Keyword | Use Case (उपयोग का मामला) | Scope (दायरा) | Re-assign (पुन: असाइन) | Re-declare (पुन: घोषणा) |
|---|---|---|---|---|
| var | पुराना तरीका | Function | ✅ हाँ | ✅ हाँ |
| let | नया और Safe तरीका | Block | ✅ हाँ | ❌ नहीं |
| const | Constant values के लिए | Block | ❌ नहीं | ❌ नहीं |
var – पुराना तरीका
var सबसे पुराना तरीका है Variable बनाने का।
var name = "Ravi";
var age = 22;इसे आप बार-बार Declare भी कर सकते हैं, जो कभी-कभी Confusion पैदा करता है।
<script>
var name = "Ravi";
var name = "Sohan"; // कोई Error नहीं देगा
console.log(name); // Output: Sohan
</script>इसलिए Modern JS में var का Use कम हो गया है।
let – Modern और Safe तरीका
let Modern JavaScript में Variable Declare करने का सबसे Popular तरीका है।
<script>
let name = "Aman";
name = "Rohit"; // ✅ आप Value बदल सकते हैं
console.log(name); // Output: Rohit
</script>लेकिन आप इसे दोबारा Declare नहीं कर सकते
<script>
let city = "Delhi";
let city = "Jaipur"; // ❌ Error देगा
</script>let सिर्फ़ एक बार Declare करें और जितनी बार चाहें Value बदलें।
const – Constant (Fixed) Value के लिए
अगर कोई Value Change नहीं करनी है तो const का Use करें।
<script>
const pi = 3.1416;
console.log(pi);
</script>अगर आप इसे बदलने की कोशिश करेंगे
pi = 3.15; // ❌ Error देगायानि const वाली Value हमेशा Fixed रहती है।
Variable Naming Rules (नाम रखने के नियम)
Variable का नाम रखते समय कुछ Basic Rules ध्यान में रखें
- केवल Letters, Digits, Underscore (_), या Dollar Sign ($) इस्तेमाल कर सकते हैं।
- नाम Letter या _ या $ से शुरू होना चाहिए (Digit से नहीं)।
- JavaScript Case Sensitive है – name और Name अलग-अलग हैं।
- Reserved Words (जैसे let, if, class) Variable के नाम में नहीं चला सकते।
Examples
let firstName = "Amit"; // ✅
let _count = 5; // ✅
let $price = 100; // ✅
let 2item = "Book"; // ❌ Error
let let = "Hello"; // ❌ ErrorVariables बिना Declare किए भी बन सकते हैं (लेकिन ऐसा न करें)
पुराने JavaScript में आप Variable को बिना var, let, या const के भी बना सकते थे
x = 10; // ❌ Bad Practiceऐसा करने से Variable Global बन जाता है — जो Future Bugs पैदा कर सकता है। इसलिए हमेशा let या const Use करें।
Dynamic Typing – JavaScript की खासियत
JavaScript में एक ही Variable में अलग-अलग Type की Values रख सकते हैं
<script>
let data = 10; // Number
data = "Hello"; // String
data = true; // Boolean
</script>यह JavaScript की Flexibility है, इसे कहते हैं Dynamic Typing।
Example – Variables in Action
<script>
let product = "Mobile";
let price = 15000;
let discount = 10;
let finalPrice = price - (price * discount / 100);
console.log("Product: " + product);
console.log("Final Price: ₹" + finalPrice);
</script>- Product: Mobile
- Final Price: ₹13500
Scope – Variable कहाँ तक Valid है?
| Type | Scope | Meaning |
|---|---|---|
| Global | पूरे Script में | कहीं से भी Access कर सकते हैं |
| Local | Function या Block तक | सिर्फ़ उसी Scope में काम करेगा |
<script>
{
let name = "Ravi";
console.log(name); // ✅ Works here
}
console.log(name); // ❌ Error - बाहर से Access नहीं कर सकते
</script>Hoisting Concept (थोड़ा एडवांस)
JavaScript में var Variables ऊपर से “Hoist” हो जाते हैं, यानि Declare तो ऊपर माने जाते हैं, पर Value Assign बाद में होती है।
console.log(x); // Output: undefined
var x = 5;इसलिए Modern JS में let और const Use करना बेहतर है।
Summary
| Keyword | Re-assign | Re-declare | Scope | Use (Hindi/Usage) |
|---|---|---|---|---|
| var | ✅ (Allowed) | ✅ (Allowed) | Function Scope | पुराना तरीका (The old way) |
| let | ✅ (Allowed) | ❌ (Not Allowed) | Block Scope | Modern तरीका (The modern way) |
| const | ❌ (Not Allowed) | ❌ (Not Allowed) | Block Scope | Fixed values (स्थिर मान) |
Quick Recap
- Variable एक Memory Box है जहाँ Data Store होता है
- var, let, const से Variable बनाए जाते हैं
- let और const Modern JS के लिए Best हैं
- Variable के नाम में Space या Number से शुरुआत नहीं हो सकती
- JavaScript Case Sensitive है
Variables JavaScript की Backbone हैं। इन्हीं की मदद से Data Program में Store, Modify और Use किया जाता है। “Without variables, JavaScript would be like a calculator with no memory!”