জেভাস্ক্রিপ্ট ক্লাস
- পূর্ববর্তী পৃষ্ঠা জেএস ক্লোজার
- পরবর্তী পৃষ্ঠা জেএস ক্লাস ইনহারিট্যান্স
ECMAScript 2015, যা ES6-এরও নামে পরিচিত, জেভাস্ক্রিপ্ট শ্রেণী চালু করেছে
জেভাস্ক্রিপ্ট শ্রেণী হল জেভাস্ক্রিপ্ট অবজেক্টের টেমপ্লেট
জেভাস্ক্রিপ্ট শ্রেণীর সংজ্ঞা
class কীওয়ার্ড ব্যবহার করুন class
একটি শ্রেণী তৈরি করুন。
সবসময় একটি নাম "constructor" constructor()
পদ্ধতি:
বিন্যাস
class ClassName { constructor() { ... } }
ইনস্ট্যান্স
class Car { constructor(name, year) { this.name = name; this.year = year; } }
এই উদাহরণটি "Car" নামক একটি শ্রেণী তৈরি করে
এই শ্রেণীটির দুটি প্রাথমিক বৈশিষ্ট্য রয়েছে: "name" এবং "year"。
জেভাস্ক্রিপ্ট ক্লাসনয়অবজেক্ট
এটা JavaScript অবজেক্টেরটেম্পলেট.
শ্রেণী ব্যবহার
যখন আপনি একটি শ্রেণী পাবেন, তখন এই শ্রেণীটিকে অবজেক্ট তৈরি করার জন্য ব্যবহার করতে পারেন:
ইনস্ট্যান্স
let myCar1 = new Car("Ford", 2014); let myCar2 = new Car("Audi", 2019);
এই উদাহরণটি করে Car শ্রেণীদুটি তৈরি করতে Car অবজেক্ট.
নতুন অবজেক্ট তৈরি করার সময় কন্সট্রাক্টর (constructor method) স্বয়ংক্রিয়ভাবে বুলবলবে
কন্সট্রাক্টর
কন্সট্রাক্টর একটি বিশেষ পদ্ধতি:
- এটা নির্দিষ্ট নাম "constructor" থাকতে হবে
- অবজেক্ট তৈরি করার সময় স্বয়ংক্রিয়ভাবে চালানো হয়
- অবজেক্টের বৈশিষ্ট্যকে প্রথমবার তৈরি করার জন্য
- যদি আপনি কোনও কন্সট্রাক্টর নির্ধারণ করেনি, তবে JavaScript একটি খালি কন্সট্রাক্টর যোগ করবে。
শ্রেণীর পদ্ধতি
শ্রেণীর পদ্ধতির বিন্যাসটি অবজেক্ট পদ্ধতির মতোই
শ্রেণী তৈরি করতে class কীওয়ার্ড ব্যবহার করুন。
সবসময় constructor() পদ্ধতিকে যোগ করুন。
এরপর যেকোনও সংখ্যক পদ্ধতি যোগ করুন。
বিন্যাস
class ClassName { constructor() { ... } method_1() { ... } method_2() { ... } method_3() { ... } }
একটি নাম "age" যা গাড়ির বছর ফিরিয়ে দেয় একটি শ্রেণীর পদ্ধতি তৈরি করুন:
ইনস্ট্যান্স
class Car { constructor(name, year) { this.name = name; this.year = year; } age() { let date = new Date(); return date.getFullYear() - this.year; } } let myCar = new Car("Ford", 2014); document.getElementById("demo").innerHTML = "My car is " + myCar.age() + " years old.";
আপনি শ্রেণীর পদ্ধতিকে প্রামাণ্যমানের পারামিটার পাঠাতে পারেন:
ইনস্ট্যান্স
class Car { constructor(name, year) { this.name = name; this.year = year; } age(x) { return x - this.year; } } let date = new Date(); let year = date.getFullYear(); let myCar = new Car("Ford", 2014); document.getElementById("demo").innerHTML= "My car is " + myCar.age(year) + " years old.";
ব্রাউজার সমর্থন
এই টেবিলটি প্রথম সম্পূর্ণরূপে JavaScript শ্রেণীর সমর্থনকারী ব্রাউজারের সংস্করণটি উল্লেখ করে:
চ্রোম | আইই | ফায়ারফক্স | স্যাফারি | ওপেরা |
---|---|---|---|---|
চ্রোম ৪৯ | এডজ ১২ | ফায়ারফক্স ৪৫ | স্যাফারি ৯ | ওপেরা ৩৬ |
২০১৬ সালের ৩ মাস | ২০১৫ সালের ৭ মাস | ২০১৬ সালের ৩ মাস | ২০১৫ সালের ১০ মাস | ২০১৬ সালের ৩ মাস |
"use strict"
ক্লাসের গ্রামারটি “স্ট্রিক্ট মোড”-এর মধ্যে লেখা হতে হবে。
আপনি যদি “স্ট্রিক্ট মোড”-এর নিয়ম মেনে না চলেন, তবে তাকে ভুল বার্তা মিলবে。
ইনস্ট্যান্স
সত্যিকারের মধ্যে “স্ট্রিক্ট মোড”-এর অধীনে, আপনি যদি ঘোষণা করা না কোনও বিন্যাস ব্যবহার করেন, তবে তাকে ভুল মেলবন্ধন করা হবে:
class Car { constructor(name, year) { this.name = name; this.year = year; } age() { // date = new Date(); // This will not work let date = new Date(); // This will work return date.getFullYear() - this.year; } }
এখানে জেএস স্ট্রিক্ট মোড সত্যিকারের মধ্যে শিখুন “স্ট্রিক্ট মোড” সম্পর্কে বিষয়
- পূর্ববর্তী পৃষ্ঠা জেএস ক্লোজার
- পরবর্তী পৃষ্ঠা জেএস ক্লাস ইনহারিট্যান্স