JS Lessons

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";       // ❌ Error

Variables बिना 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>
Output:
  • Product: Mobile
  • Final Price: ₹13500

Scope – Variable कहाँ तक Valid है?

Type Scope Meaning
Global पूरे Script में कहीं से भी Access कर सकते हैं
Local Function या Block तक सिर्फ़ उसी Scope में काम करेगा
Example
<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!”