JavaScript Arrow Function – সম্পূর্ণ বাংলা টিউটোরিয়াল
আজ আমরা শিখব JavaScript Arrow Function সম্পর্কে। এটি ES6 (ECMAScript 2015) এ পরিচিত হয় এবং এটি function লেখার একটি নতুন এবং সংক্ষিপ্ত পদ্ধতি। এই টিউটোরিয়ালে আমরা Arrow Function এর ব্যাসিক থেকে শুরু করে অ্যাডভান্স লেভেলের অনেক কিছু দেখব।
Arrow Function কী?
Arrow Function হলো একটি shorthand notation যা দিয়ে JavaScript-এ function লেখা আরও সহজ হয়। এটি traditional function expression এর চেয়ে অনেক কম কোডে লেখা যায়।
Traditional Function vs Arrow Function
function greet(name) {
return "Hello, " + name;
}
const greet = (name) => "Hello, " + name;
Arrow Function কিভাবে কাজ করে?
- Arrow Function সবসময়
=>(fat arrow) চিহ্ন ব্যবহার করে। - যদি এক লাইনের স্টেটমেন্ট হয়, তাহলে
returnলিখতে হয় না। - একটি মাত্র প্যারামিটার হলে ব্র্যাকেটও অপশনাল।
const square = n => n * n;
একাধিক প্যারামিটার ও Multiple Statements
const add = (a, b) => a + b;
Multiple Statements:
const multiply = (a, b) => {
let result = a * b;
return result;
}
Arrow Function এবং this কিওয়ার্ড
Arrow Function এর একটি গুরুত্বপূর্ণ বৈশিষ্ট্য হলো এটি নিজস্ব this bind করে না। অর্থাৎ এটি lexical this ব্যবহার করে, যেটি parent scope থেকে আসে।
function Person() {
this.age = 0;
this.age++;
console.log(this.age);
}, 1000);
}
Arrow Function – ব্যবহার কোথায়?
- Callback Function হিসেবে
- Array Methods যেমন:
map(),filter(),reduce() - Event Listener বা DOM Manipulation এ
- Functional Programming স্টাইলে কোড লেখায়
Arrow Function ব্যবহারের সুবিধা
| সুবিধা | বিবরণ |
|---|---|
| কম কোড | Traditional function এর তুলনায় কোড সংক্ষিপ্ত হয়। |
| Lexical this | this কিওয়ার্ড parent scope থেকে নেয়, bind করার দরকার পড়ে না। |
| Readable | Code আরও clean ও readable হয়। |
Arrow Function কখন ব্যবহার করবেন না?
- Object method হিসেবে যখন
thisদরকার হয় - Constructor function হিসেবে
- Dynamic context দরকার হলে
শেষ কথা
Arrow Function হচ্ছে JavaScript এর এক অসাধারণ ফিচার। এটি কোডকে সহজ ও সুন্দরভাবে লিখতে সহায়তা করে। তবে বুঝে ব্যবহার করাই উত্তম কারণ এর কিছু সীমাবদ্ধতা আছে, বিশেষ করে this কিওয়ার্ড নিয়ে।