এই অধ্যায়ে শিখবো JavaScript এর আধুনিক সংস্করণ ES6 (ECMAScript 2015) এবং পরবর্তীতে আসা নতুন ফিচারগুলো সম্পর্কে।
১. ES6 কেন গুরুত্বপূর্ণ?
-
পুরোনো JavaScript এ অনেক সীমাবদ্ধতা ছিল।
-
ES6 এ অনেক নতুন ফিচার এসেছে যা কোডকে ছোট, পরিষ্কার ও কার্যকরী করে তোলে।
-
এখনকার আধুনিক ব্রাউজার ও Node.js ES6 সমর্থন করে।
২. ES6 এর প্রধান নতুন ফিচার
১) let এবং const (Variable Declaration)
-
varএর পরিবর্তে ব্যবহার করা হয়। -
let— ব্লক-স্কোপড ভেরিয়েবল। -
const— পরিবর্তন না করা যায় এমন কনস্ট্যান্ট।
let age = 25;
const PI = 3.1416;
২) Arrow Functions (তীরচিহ্ন ফাংশন)
-
ফাংশন লেখা সহজ এবং সংক্ষিপ্ত হয়।
// পুরানো
function sum(a, b) {
return a + b;
}
// নতুন
const sum = (a, b) => a + b;
৩) Template Literals (টেমপ্লেট স্ট্রিং)
-
${}ব্যবহার করে ভেরিয়েবল বা এক্সপ্রেশন ইনসার্ট করতে পারি। -
মাল্টি-লাইন স্ট্রিং লেখা যায়।
let name = "রাকিব";
console.log(`হ্যালো, আমার নাম ${name}।`);
৪) Default Parameters (ডিফল্ট প্যারামিটার)
function greet(name = "বন্ধু") {
console.log(`হ্যালো, ${name}!`);
}
greet(); // হ্যালো, বন্ধু!
greet("রাকিব"); // হ্যালো, রাকিব!
৫) Destructuring (ডেসট্রাকচারিং)
-
অ্যারে বা অবজেক্ট থেকে মান সহজে আলাদা করা যায়।
// অ্যারে ডেসট্রাকচারিং
const [a, b] = [10, 20];
console.log(a, b); // 10 20
// অবজেক্ট ডেসট্রাকচারিং
const user = {name: "রাকিব", age: 25};
const {name, age} = user;
console.log(name, age); // রাকিব 25
৬) Spread ও Rest Operators (...)
-
Spread: অ্যারে বা অবজেক্টের উপাদানগুলো ছড়িয়ে দেওয়া।
-
Rest: অবশিষ্ট প্যারামিটারগুলোকে অ্যারেতে রাখা।
// Spread
let arr1 = [1, 2];
let arr2 = [...arr1, 3, 4];
console.log(arr2); // [1, 2, 3, 4]
// Rest
function sum(...numbers) {
return numbers.reduce((a, b) => a + b, 0);
}
console.log(sum(1, 2, 3)); // 6
৭) Classes (ক্লাস)
-
অবজেক্ট ওরিয়েন্টেড প্রোগ্রামিং (OOP) স্টাইল কোডিং সহজ হয়।
class Person {
constructor(name, age) {
this.name = name;
this.age = age;
}
greet() {
console.log(`হ্যালো, আমি ${this.name}`);
}
}
const p = new Person("রাকিব", 25);
p.greet(); // হ্যালো, আমি রাকিব
৮) Modules (মডিউল)
-
কোড ভাগ করে আলাদা ফাইলে রেখে import-export করতে পারি।
-
বড় প্রজেক্টে ব্যবহৃত হয়।
// export.js
export const pi = 3.1416;
// import.js
import { pi } from './export.js';
console.log(pi);
এই অধ্যায়ের শেষে আপনি শিখলেন:
-
ES6 এর মূল নতুন ফিচারগুলো
-
letওconst -
Arrow Functions
-
Template Literals
-
Default Parameters
-
Destructuring
-
Spread ও Rest
-
Classes
-
Modules
পরবর্তী অধ্যায়:
অধ্যায় ৩৬: JavaScript Promise ও Async/Await
লিখুন: “অধ্যায় ৩৬ শুরু করো” — তাহলে শিখবো কীভাবে অ্যাসিঙ্ক্রোনাস কাজ সহজে করা যায়।