Skip to Content
JavaScript Essentials for ReactJS Execution ProcessHow do JS Reads Our Code

How do JS Reads Our Code

এক্সিকিউশন কনটেক্সট এর আগে JS আমাদের কোড যেভাবে দেখে

ধরুন, নিচের মতো একটি কোড আপনি লিখেছেন:

function sayName() { var name = "Thrivext"; console.log("The name is:", name); }

এই সাধারণ একটা ফাংশন JavaScript কীভাবে বুঝে সেটা ৩টি ধাপে ঘটে:


🧩 ১. Tokenization (টোকেন বানানো)

প্রথমে, JavaScript আপনার কোডকে ছোট ছোট অংশে ভাঙে — যেগুলোকে বলে Token

এই কোডের Token গুলো হলো:

  • function → কীওয়ার্ড (ফাংশন বানানোর জন্য)
  • sayName → ফাংশনের নাম
  • () → ফাংশনের প্যারামিটার জায়গা
  • {} → ফাংশনের ভিতরের অংশ
  • var → ভ্যারিয়েবল ডিক্লেয়ার
  • "Thrivext" → স্ট্রিং
  • console.log → আউটপুট দেখানোর জন্য

এগুলো একেকটা টুকরো, যেগুলো JS Engine পড়ে।


🌳 ২. AST (Abstract Syntax Tree)

JavaScript Engine এই টোকেন গুলো দিয়ে একটা ট্রি বানায়, যেটাকে বলে AST — মানে Abstract Syntax Tree। এই ট্রি JavaScript-কে বোঝায়:

  • কোথায় ফাংশন আছে
  • কোনটা স্টেটমেন্ট
  • কোনটা ভ্যারিয়েবল
  • কোনটার আগে কোনটা চলবে

অর্থাৎ, কোডের গঠন এবং সম্পর্ক সব এখানে স্পষ্ট হয়।


⚙️ ৩. Execution (চালানো) + Execution Context

এখন AST দেখে JavaScript কোড চালাতে শুরু করে। কিন্তু সরাসরি চালায় না — প্রথমে তৈরি করে একটা Execution Context। 👉 এটা একটা environment, যেখানে কোড রান হবে।


এক কথায়:

JavaScript Engine আপনার কোড বুঝে ও চালায় — এই ৩ ধাপে:

  1. টোকেন বানায়
  2. ট্রি বানিয়ে গঠন বোঝে
  3. Execution Context বানিয়ে কোড চালা
Last updated on