JavaScript Hoisting

Sirajul Islam — Wed, 19 Feb 2025 05:01:13 +0000

Hoisting কি?
JavaScript-এ hoisting হলো একটি মেকানিজম যেখানে variable এবং function declarations গুলো automatically স্কোপের শীর্ষে (top of scope) উঠে যায় execution করার আগে। অর্থাৎ, আপনি যদি কোনো ভেরিয়েবল বা ফাংশন ডিক্লেয়ারেশন কোডের পরে ব্যবহার করেন, তবুও JavaScript এটি কাজ করবে।

Hoisting কিভাবে কাজ করে?
Variable hoisting: শুধুমাত্র declaration উপরে উঠে যায়, value (initialization) উপরে ওঠে না।
Function hoisting: Function declarations সম্পূর্ণরূপে উপরে ওঠে, যার ফলে আপনি ডিক্লেয়ারের আগেও ফাংশন কল করতে পারেন।

Variable Hoisting:

কেন undefined আসলো?
👉 কারণ JavaScript কোড চালানোর আগে নিচের মতো করে পরিবর্তন করে নেয়:

👉 let এবং const hoisting করে, কিন্তু তারা টেম্পোরাল ডেড জোন (TDZ) তৈরি করে, যার ফলে ব্যবহার করার আগে ReferenceError দেখায়।

Function Hoisting:

👉 এখানে পুরো function declaration উপরে ওঠে, তাই এটি ডিক্লেয়ারের আগেও কল করা যায়।

Function Expression এ Hoisting হয় না:

👉 এখানে শুধুমাত্র var greet; উপরে উঠবে, কিন্তু function definition না, তাই এটি TypeError দেখাবে।

সংক্ষেপে

var hoisting হয়, কিন্তু undefined হয়।
let & const hoisting হয়, কিন্তু TDZ এর কারণে ReferenceError দেয়।
Function declarations পুরোপুরি hoisting হয়।
Function expressions hoisting হয় না।

DEV Community: Sirajul Islam

JavaScript Hoisting