Blog

JavaScript Kaise Kaam Karti Hai – How JavaScript Works ( Compilation & Execution )

JavaScript Kaam Kaise Karti Hai?

JavaScript ek high-level, interpreted, aur dynamic programming language hai jo browser ke andar execute hoti hai. Lekin JavaScript execution ka process kaafi unique hai, kyunki yeh traditional compiled languages (C, C++) se alag tarike se kaam karti hai. JavaScript ko run karne ke liye JavaScript Engine ka use hota hai, jo har browser ke andar hoti hai.

Is section me hum JavaScript Compilation & Execution ko detail me samjhenge aur dekhenge ki JavaScript ka code backend me kaise execute hota hai.

1. JavaScript Engine Kya Hota Hai?

JavaScript ko execute karne ke liye har modern browser me ek JavaScript Engine hota hai. Yeh engine JavaScript code ko read, interpret, aur execute karta hai. Kuch popular JavaScript Engines:

  • Google Chrome → V8 Engine
  • Mozilla Firefox → SpiderMonkey
  • Microsoft Edge → Chakra
  • Safari → JavaScriptCore

Har ek engine JavaScript code ko fast execute karne ke liye optimized hota hai, aur iske andar Just-In-Time (JIT) Compilation ka use hota hai.

2. JavaScript Execution Ka Process

Jab hum JavaScript code likhte hain aur browser usse execute karta hai, toh yeh ek 3-step process hota hai:

Step 1: Code Parsing (Tokenization & Lexing)

Sabse pehle JavaScript Engine hamare code ko parse karta hai. Is process me:

  • Code ko small tokens me tod diya jata hai.
  • Tokens ko Abstract Syntax Tree (AST) me convert kiya jata hai, jo ek structured representation hota hai.

Example:

let x = 10;
console.log(x);

Yeh code tokenize hone ke baad kuch is tarah dikhega:

  • let (keyword)
  • x (identifier)
  • = (operator)
  • 10 (number)
  • console.log (function call)

Parsing ka main kaam syntax errors ko detect karna hota hai.

Step 2: Compilation & Optimization (JIT Compilation)

Traditional compiled languages jaise C, C++ me code pehle compiler ke through machine code me convert hota hai, phir execute hota hai. Lekin JavaScript ek interpreted language hai, jo pehle interpreted hoti thi, lekin ab modern JavaScript engines JIT (Just-In-Time) Compilation ka use karte hain.

JIT Compilation ka fayda yeh hai ki JavaScript execution ke waqt hi optimize hoti hai, jo usse fast banata hai.

JIT Compiler pehle bytecode generate karta hai, phir usse machine code me convert karta hai jo directly CPU execute kar sake.

Example:

function add(a, b) {
    return a + b;
}
console.log(add(5, 10));

Jab yeh function execute hota hai, toh JavaScript Engine:

  • Code ko parse karta hai aur AST generate karta hai.
  • JIT Compiler isse machine code me convert karta hai.
  • Optimized code ko fast execute karta hai.

Step 3: Code Execution & Memory Management

Jab code compiled ho jata hai, tab Execution Context create hota hai jo memory allocate karta hai aur call stack me code ko execute karta hai.

JavaScript execution do important components par depend karti hai:

(i) Memory Heap (Variable Storage)

JavaScript variables, functions, objects ko store karne ke liye ek memory heap ka use karta hai.

Example:

let name = "Rahul";
let age = 26;

Yahaan “Rahul” aur 26 ko memory heap me store kiya jayega.

(ii) Call Stack (Function Execution)

JavaScript ek single-threaded language hai, jisme code ko execute karne ke liye call stack ka use hota hai.

Jab hum koi function call karte hain, toh woh stack ke top pe push hota hai aur jab execute ho jata hai toh pop ho jata hai.

Example:

function greet() {
    console.log("Hello World");
}
greet();
Execution Steps:
  • greet() function Call Stack me push hota hai.
  • console.log("Hello World") execute hota hai.
  • Function execute hone ke baad Call Stack se remove ho jata hai.

3. JavaScript Execution Model (Synchronous vs Asynchronous)

JavaScript me execution synchronous hota hai, matlab ek line ka code execute hone ke baad hi next line execute hoti hai. Lekin JavaScript asynchronous operations ko bhi support karta hai jo Event Loop & Callback Queue ke through handle hote hain.

Synchronous Execution (Blocking):


console.log("Start");
console.log("Middle");
console.log("End");
Output:
Start
Middle
End

Yahaan line-by-line execution ho rahi hai.

Asynchronous Execution (Non-Blocking):


console.log("Start");

setTimeout(() => {
    console.log("Delayed Message");
}, 2000);

console.log("End");
Output:

Yahaan setTimeout() function Event Loop ke through execute hota hai aur baaki ka code bina delay ke chalta hai.

4. JavaScript Optimization Techniques

JavaScript ko fast execute karne ke liye modern JavaScript Engines kuch optimization techniques ka use karte hain:

  • Hidden Classes & Inline Caching: Yeh object properties ko fast access karne ke liye use hota hai.
  • Garbage Collection (Memory Management): JavaScript automatically unused memory ko free kar deta hai.
  • Lazy Parsing: JavaScript sirf wahi code parse karta hai jo zaroori hai.
  • Optimized JIT Compilation: Yeh repeatedly used code ko machine code me precompile kar leta hai.

JavaScript ka execution process simple dikhne ke bawajood complex hota hai, kyunki isme parsing, compilation, aur execution ek hi time me hoti hai. JIT Compilation, Call Stack, Memory Heap, aur Event Loop jese concepts JavaScript ko fast aur efficient banate hain.

Agar aap JavaScript ki execution process ko achhe se samajh lete hain, toh aap performance optimize karne wale techniques ko bhi samajh sakte hain aur apne JavaScript applications ko fast aur scalable bana sakte hain.

Quiz: Test Your Knowledge on How JavaScript Works

Bonus: Practical Application!

Aaj hi JavaScript ke concepts ko samajhne aur implement karne ka try karein!

JavaScript ke kaam karne ka tareeka sahi se samajhne ke liye different topics jaise call stack, hoisting aur scope ka upayog karein aur apni coding skills ko aur bhi enhance karein.

Leave a Reply