Skip to main content

Command Palette

Search for a command to run...

Variables (var, let, const)

Published
3 min read
Variables (var, let, const)

JavaScript-এ Variables হলো এমন একটি কন্টেইনার যা ডেটা সংরক্ষণ করার জন্য ব্যবহার করা হয়। সহজভাবে বললে, এটি একটি "নামযুক্ত বক্স" যেখানে আমরা মান (value) রাখতে পারি এবং পরে সেই মান ব্যবহার করতে পারি। JavaScript-এ মূলত তিন ধরনের ভেরিয়েবল ডিক্লেয়ার করা যায়: var, let, এবং const। এই ব্লগে আমরা এগুলোর ব্যবহার এবং পার্থক্য বিস্তারিতভাবে দেখব।


১. var

var হলো JavaScript-এ ভেরিয়েবল ডিক্লেয়ারের পুরনো পদ্ধতি। ECMAScript 5 এর আগে var ব্যবহারই ছিল প্রধান পদ্ধতি।

বৈশিষ্ট্য:

  • Function scoped: var দ্বারা ডিক্লেয়ার করা ভেরিয়েবল শুধু সেই ফাংশনের মধ্যে দেখা যায়, যেখানে এটি ডিক্লেয়ার করা হয়েছে।

  • Hoisting: var ভেরিয়েবলগুলোর ডিক্লেয়ারেশন ফাংশনের শুরুতেই চলে যায়। মান অবশ্যই ডিক্লেয়ার করার আগে ব্যবহার করলে undefined হবে।

  • একই নামের ভেরিয়েবল পুনরায় ডিক্লেয়ার করা যায়।

উদাহরণ:

var name = "Mannan";
console.log(name); // Output: Mannan

function example() {
    var age = 25;
    console.log(age); // Output: 25
}
console.log(age); // Error: age is not defined

২. let

ES6 থেকে let এন্ট্রি করেছে। এটি var এর তুলনায় আরও সেফ এবং মডার্ন।

বৈশিষ্ট্য:

  • Block scoped: let দ্বারা ডিক্লেয়ার করা ভেরিয়েবল শুধুমাত্র সেই ব্লকের (যেমন { }) মধ্যে ব্যবহৃত হয়, যেখানে এটি ডিক্লেয়ার করা হয়েছে।

  • Hoisting আছে, কিন্তু Temporal Dead Zone (TDZ) এর কারণে ডিক্লেয়ার করার আগে ব্যবহার করলে Error দেয়।

  • একই ব্লকের মধ্যে একই নামের ভেরিয়েবল পুনরায় ডিক্লেয়ার করা যায় না।

উদাহরণ:

let city = "Dhaka";
console.log(city); // Output: Dhaka

if(true) {
    let city = "Chattogram";
    console.log(city); // Output: Chattogram
}
console.log(city); // Output: Dhaka

৩. const

const হলো constant ভেরিয়েবল, যার মান একবার সেট করলে পরিবর্তন করা যায় না।

বৈশিষ্ট্য:

  • Block scoped: let এর মতো ব্লকের মধ্যে সীমাবদ্ধ।

  • মান একবার অ্যাসাইন করা হলে তা পরিবর্তন করা যায় না।

  • সাধারণত ধ্রুবক মান বা ফাংশনের ভিতরে কনফিগারেশন সংরক্ষণ করতে ব্যবহার হয়।

উদাহরণ:

const pi = 3.1416;
console.log(pi); // Output: 3.1416

pi = 3.14; // Error: Assignment to constant variable.

টিপস: যদিও const দ্বারা ডিক্লেয়ার করা array বা object কে পুনরায় reassignment করা যায় না, কিন্তু array বা object এর ভিতরের value পরিবর্তন করা যায়।

const numbers = [1, 2, 3];
numbers.push(4);
console.log(numbers); // Output: [1, 2, 3, 4]

৪. var, let, const এর পার্থক্য

বৈশিষ্ট্যvarletconst
ScopeFunctionBlockBlock
Reassignableহ্যাঁহ্যাঁনা
Redeclareহ্যাঁনানা
Hoistingহ্যাঁ (undefined)হ্যাঁ (TDZ)হ্যাঁ (TDZ)

কখন কোনটি ব্যবহার করবেন?

  1. যদি ভেরিয়েবল পরিবর্তনযোগ্য এবং ফাংশনের মধ্যে ব্যবহৃত হয় → var (পুরনো কোডে)

  2. যদি ভেরিয়েবল ব্লক scoped এবং পরিবর্তনযোগ্য → let

  3. যদি মান স্থির থাকে (constant) → const

সাধারণভাবে, আধুনিক JavaScript-এ let এবং const ব্যবহার করা উত্তম, আর var কম ব্যবহার করা হয়।

JavaScript-এ ভেরিয়েবল ব্যবহারের সঠিক জ্ঞান খুবই গুরুত্বপূর্ণ। var, let, এবং const এর পার্থক্য জানা থাকলে কোড আরও নিরাপদ, পরিষ্কার এবং বাগ-মুক্ত হয়। সবসময় চেষ্টা করুন যেখানে সম্ভব const ব্যবহার করতে, যেখানে মান পরিবর্তন করতে হবে সেখানে let ব্যবহার করুন, আর পুরনো কোডে বা ফাংশন স্কোপ প্রয়োজন হলে var ব্যবহার করতে পারেন।

4 views

More from this blog

FilamentPHP কী এবং কেন ব্যবহার করবেন?

Laravel দিয়ে ওয়েব অ্যাপ্লিকেশন তৈরি করা আজকাল অনেক সহজ। কিন্তু একটা জায়গায় ডেভেলপারদের এখনও বেশ সময় লাগে—Admin Panel বা Backend Dashboard তৈরি করা। এই কাজটা সাধারণত repetitive, time-consuming এবং অনেক

Jun 16, 20263 min read8
FilamentPHP কী এবং কেন ব্যবহার করবেন?

JavaScript এ Error Handling

JavaScript একটি শক্তিশালী প্রোগ্রামিং ভাষা, যা ওয়েব ব্রাউজারে এবং সার্ভার-সাইড (Node.js) উভয় জায়গায় ব্যবহৃত হয়। তবে কোড লেখার সময় প্রায়ই আমরা এমন পরিস্থিতির সম্মুখীন হই যেখানে কোনো ভুল বা exception ঘটে। এই ধরনের সমস্যাগুলোকে আমরা Error Handlin...

Sep 30, 20254 min read11
JavaScript এ Error Handling

Local Storage এবং Session Storage

ওয়েব ডেভেলপমেন্টে কাজ করার সময় প্রায়ই আমাদের দরকার হয় ব্রাউজারে ব্যবহারকারীর কিছু ডেটা সাময়িকভাবে সংরক্ষণ করার। যেমন – ব্যবহারকারীর নাম, থিম সেটিংস, লগইন টোকেন, কার্টে রাখা পণ্য ইত্যাদি। এই কাজটি করার জন্য আগে আমরা সাধারণত Cookies ব্যবহার করতাম। তবে ...

Sep 30, 20254 min read4
Local Storage এবং Session Storage

JSON (Parse, Stringify)

ওয়েব ডেভেলপমেন্টে কাজ করতে গেলে ডেটা আদান-প্রদান, সংরক্ষণ এবং ব্যবস্থাপনা করা অত্যন্ত জরুরি। এই ক্ষেত্রে সবচেয়ে জনপ্রিয় এবং বহুল ব্যবহৃত একটি ফরম্যাট হলো JSON। জাভাস্ক্রিপ্টে JSON কাজ করে অত্যন্ত সহজভাবে, বিশেষ করে যখন আমরা JSON.parse() এবং JSON.stri...

Sep 29, 20254 min read2
JSON (Parse, Stringify)

JavaScript Date & Time

সময়কে প্রোগ্রামিংয়ের মধ্যে সঠিকভাবে ব্যবহার করা খুব গুরুত্বপূর্ণ। অনেক ক্ষেত্রে আমাদের তারিখ (Date) এবং সময় (Time) নিয়ে কাজ করতে হয়, যেমন – কোনো ওয়েব অ্যাপে ইউজারের লগইন সময় দেখানো, অর্ডারের ডেলিভারি তারিখ ট্র্যাক করা, বা একটি ইভেন্টের কাউন্টডাউন তৈর...

Sep 28, 20253 min read
JavaScript Date & Time
S

SliceTech

86 posts

Sharing basic web development tutorials.

Variables (var, let, const)