Tech TutorBangla Web Documentation
Portfolio
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • JavaScript Documentation48টি অধ্যায়
প্রযুক্তি নির্বাচন
HomeHTMLCSSTailwind CSSJavaScriptTypeScriptReactNext.jsNode.jsExpressSocket.IOExpoWordPressPostgreSQLPrismaPostgresNestJSMongoDBDockerTanStackTanStack TableRTK QueryGitGitHub
  • Introduction
  • JavaScript কী?
  • Syntax & Comments
  • Variables
  • Data Types: Basics
  • Data Types: Conversion
  • Data Types: Advanced
  • Strings
  • Numbers & Math
  • Date & Time
  • Operators
  • Conditions
  • Loops
  • Functions: Basics
  • Functions: Intermediate
  • Functions: Advanced
  • Scope & Hoisting
  • Closures & this
  • ES6+ Modern
  • Arrays: Basics
  • Arrays: Intermediate
  • Arrays: Advanced
  • Objects: Basics
  • Objects: Intermediate
  • Objects: Advanced
  • Class: Basics
  • Class: Intermediate
  • Class: Advanced
  • DOM: Basics
  • DOM: Intermediate
  • DOM: Advanced
  • Events: Basics
  • Events: Intermediate
  • Events: Advanced
  • Async JavaScript
  • Promise
  • Async / Await
  • Fetch API
  • JSON
  • Modules
  • Browser Storage
  • Event Loop Deep
  • Prototype Chain
  • Iterators & Generators
  • WeakMap, WeakSet, Proxy
  • Error Handling
  • Practice Problems
  • Mini Projects
  • Basics
  • Functions & Scope
  • Types & Syntax
  • Arrays & Objects
  • Advanced
  • Functional Programming
  • Objects & Symbols
  • Async Deep Dive
  • Modern JavaScript
  1. Docs
  2. JavaScript
  3. JavaScript Class: Basics (ক্লাস)
JavaScriptBeginner

JavaScript Class: Basics (ক্লাস)

OOP-এর ধারণা, class তৈরি, constructor, property, method, new instance — JavaScript ক্লাসের শুরুর বাংলা গাইড।

16টি অংশবাংলা ভাষায়

Class হলো object তৈরির একটা ব্লুপ্রিন্ট (ছাঁচ) — যেমন বল বানানোর ছাঁচ থেকে অনেকগুলো বল বানানো যায়। object-ভিত্তিক প্রোগ্রামিং-এর (OOP) মূল ধারণা এই class।

Class তৈরি ও object বানানো

class Student {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  introduce() {
    return `আমি ${this.name}, বয়স ${this.age}`;
  }
}

const s1 = new Student("আনামুল", 22);
const s2 = new Student("প্রিয়াঞ্জলী", 20);

console.log(s1.name); // আনামুল
console.log(s2.introduce()); // আমি প্রিয়াঞ্জলী, বয়স 20

new ClassName(...) দিয়ে প্রতিবার একটি আলাদা object (instance) তৈরি হয়। constructor() হলো special method যা object বানানোর মুহূর্তে নিজে থেকেই চলে।

Constructor-এর কাজ

class Product {
  constructor(name, price, discount = 0) {
    this.name = name;
    this.price = price;
    this.discount = discount;
  }
}

const laptop = new Product("ল্যাপটপ", 65000);
const phone = new Product("মোবাইল", 15000, 500);

console.log(laptop.price); // 65000
console.log(phone.discount); // 500

constructor-এ = দিয়ে default value (এখানে discount = 0) দেওয়া যায় — প্যারামিটার না দিলে default ব্যবহার হবে।

Method ও this

class Counter {
  constructor(step = 1) {
    this.value = 0;
    this.step = step;
  }

  add() {
    this.value += this.step;
  }

  show() {
    return this.value;
  }
}

const counter = new Counter(2);
counter.add();
counter.add();
console.log(counter.show()); // 4

method-এর ভেতরে this দিয়ে নিজের instance-এর property-তে access করা যায় — this.value, this.step।

Property যোগ/বদলানো

const s1 = new Student("আনামুল", 22);

s1.age = 23;              // বদলানো
s1.city = "ঢাকা";          // নতুন যোগ

delete s1.city;            // মুছে ফেলা
console.log(s1.city);      // undefined
console.log(s1.age);       // 23

Instance-এর আলাদা হওয়া

class Person {
  constructor(name) {
    this.name = name;
  }
}

const p1 = new Person("আনামুল");
const p2 = new Person("প্রিয়াঞ্জলী");

console.log(p1 === p2); // false — আলাদা object
console.log(p1 instanceof Person); // true
console.log(p2 instanceof Object); // true
অংশকাজ
classobject তৈরির ব্লুপ্রিন্ট
constructor()object তৈরি হয়েই চলা special method
thisনিজের instance-এর property/মেথড বুঝায়
newinstance তৈরি করার keyword
instanceofকোনো class-এর instance কিনা চেক
ঐকিক জ্ঞান

class শেখার আগে object আর function আয়ত্ত করুন — class তার উপরই দাঁড়িয়ে, prototype-chain-এর sugar-coated রূপ।

শেষ প্যারায় নিজে practice করুন — কোড কপি করে নিজের এডিটরে চালিয়ে দেখুন।
আগেরJavaScript Objects: Advanced (অবজেক্ট)পরেরJavaScript Class: Intermediate (ক্লাস)
এই পেজে
Tech Tutor

বাংলায় ওয়েব ডেভেলপমেন্ট ডকুমেন্টেশন শিখুন — ধাপে ধাপে।

Homeসব ডকুমেন্টেশনQuick Startআমার নোটস

© 2026 Tech Tutor. বাংলায় শিখুন, বাংলায় গড়ুন।

mdanamolhasan1998@gmail.com