JS Lessons

JS Statements

JavaScript में जो कुछ भी आप लिखते हैं — हर लाइन, हर कोड — Statement कहलाती है। जैसे English में एक Sentence होता है जो कोई काम बताता है, वैसे ही JavaScript में एक Statement होता है जो कोई Action (कार्य) करता है। Simply कहें तो — "JavaScript Statement = Code की एक लाइन जो कोई काम करती है।

Example: Simple Statement

<script>
let x = 5; let y = 10; let sum = x + y; console.log(sum);
</script>
Explanation:

यहाँ हर लाइन एक Statement है:

  • let x = 5; → Variable बनाना
  • let y = 10; → दूसरा Variable बनाना
  • let sum = x + y; → Addition करना
  • console.log(sum); → Output दिखाना

हर Statement Browser को एक Command देता है — “ये काम करो!”

JavaScript Program = कई Statements का Collection

एक JS Program दरअसल Statements का Group होता है। Browser इन्हें ऊपर से नीचे लाइन-बाय-लाइन पढ़ता और Execute करता है। Example
<script>
let name = "Jaswant"; let age = 25; let msg = "Hello " + name + ", you are " + age + " years old."; alert(msg);
</script>

यहाँ 4 Statements हैं जो मिलकर एक पूरा Program बनाती हैं।

Statement खत्म करने के लिए “Semicolon (;)”

हर Statement के अंत में एक Semicolon (;) लगाना अच्छा माना जाता है। JavaScript में ये Optional है, लेकिन अगर आप इसे नहीं लगाते, तो कुछ Cases में Error आ सकता है। Example

Correct:

<script>
let x = 5; let y = 6; let z = x + y;
</script>

Risky (Semicolon Missing):

<script>
let x = 5 let y = 6 let z = x + y
</script>

JavaScript खुद Guess कर लेती है कि कहाँ Statement खत्म हुआ, लेकिन हमेशा ; लगाना Good Practice है।

Multiple Statements in One Line

आप चाहें तो कई Statements को एक ही लाइन में भी लिख सकते हैं — लेकिन ये Code को गंदा और Confusing बना देता है। Example

let a = 10; let b = 20; let c = a + b; console.log(c);

Output: 30 ❌ लेकिन Real Projects में ऐसा मत करें — Readability घट जाती है।

JavaScript Blocks (Curly Braces { })

Statements को Groups में बाँधने के लिए JavaScript में { } (Curly Braces) का इस्तेमाल किया जाता है। इन्हें Code Block कहा जाता है। Example
<script>
{ let a = 5; let b = 10; console.log(a + b); } </script>

यह एक Block है जिसमें 3 Statements हैं। Browser इसे एक Unit के रूप में मानता है।

Conditional Statements (If...Else)

Conditional Statements वो होती हैं जो किसी Condition पर काम करती हैं। अगर Condition True है तो एक Statement चलेगी, वरना दूसरी। Example

<script>
let age = 18; if (age >= 18) { console.log("You are an adult."); } else { console.log("You are a minor."); }
</script>

यहाँ if और else दोनों अपने अंदर Blocks में Statements रखते हैं।

Loops as Statements

Loops (जैसे for, while) भी Statement का ही एक Type हैं जो किसी Action को बार-बार Repeat करते हैं। Example

<script>
for (let i = 1; i <= 5; i++) { console.log("Count: " + i); }
</script>

यहाँ for Loop खुद एक Statement है, और उसके अंदर console.log() एक दूसरी Statement है।

JavaScript White Spaces और Line Breaks

JavaScript White Space को Ignore करती है। यानि आप Code को Clean और Indent कर सकते हैं बिना किसी Error के। Example

let x = 5;
let y = 10;
let z = x + y;

और

let x=5;let y=10;let z=x+y;

दोनों का Result एक जैसा रहेगा।

JavaScript Statements के कुछ Example Types

स्टेटमेंट प्रकार (Statement Type) उदाहरण (Example) विवरण (Description)
Variable Declaration let x = 10; Variable बनाना
Assignment x = 20; Value बदलना
Function Call alert("Hi"); Function चलाना
Conditional if (x > 10) {...} Condition पर काम करना
Loop for(i=0; i<5; i++) {...} Repeat करना
Return return value; Function से Value वापस भेजना

Example Code (Full Program)

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript Statements Example</h2>
<p id="result"></p>

<script>
// Multiple Statements
let price = 100;
let quantity = 3;
let total = price * quantity;

// Output
document.getElementById("result").innerHTML = "Total Price: ₹" + total;
</script>

</body>
</html>

Output: Total Price: ₹300

Best Practices (बेहतर कोडिंग नियम)

  • हमेशा Statements के अंत में ; लगाएँ
  • Clean Indentation रखें (Proper spacing)
  • एक Statement एक लाइन में रखें
  • Block {} का सही Use करें
  • Meaningful Variable Names दें

JavaScript Statements वो “Commands” हैं जो Browser को बताती हैं — “क्या करना है और कैसे करना है।” हर JS Code की नींव Statements ही हैं एक Statement एक Action करती है Semicolon से Statement खत्म होती है Blocks {} कई Statements को एक साथ रख सकते हैं