জাভাস্ক্রিপ্ট অ্যারো ফাংশন: ধাপে ধাপে গাইড

জাভাস্ক্রিপ্ট অ্যারো ফাংশন হলো ফাংশন ডিক্লেয়ার করার একটি পদ্ধতি। অ্যারো ফাংশন ব্যবহার করে জাভাস্ক্রিপ্ট ফাংশন আরও দক্ষতার সাথে এবং সংক্ষিপ্ত সিনট্যাক্সে লেখা যায়। একক এক্সপ্রেশনের জন্য অ্যারো ফাংশন ইমপ্লিসিট রিটার্ন সমর্থন করে।

ফাংশন হলো কোড ব্লক যা নির্দিষ্ট কাজ করে এবং/অথবা মান রিটার্ন করে। প্রোগ্রামাররা ফাংশন ব্যবহার করে পুনরাবৃত্তি যোগ্য কোড লিখে, যা প্রোগ্রামকে ছোট এবং দক্ষ করে তোলে।

পারম্পরিকভাবে জাভাস্ক্রিপ্টে ফাংশন ডিক্লেয়ার করার একমাত্র পদ্ধতি ছিল function কীওয়ার্ড। কিন্তু ES6 থেকে arrow functions যোগ হয়েছে যা ফাংশন ডিফাইন করা আরও দক্ষ করে দিয়েছে।

এই গাইডে জাভাস্ক্রিপ্ট ফাংশনের বেসিক এবং অ্যারো ফাংশন কীভাবে ব্যবহার করতে হয় তা আলোচনা করব। কোথায় অ্যারো ফাংশন ব্যবহার করা উচিত এবং কয়েকটি উদাহরণও দেখাব।

জাভাস্ক্রিপ্ট ফাংশন: একদৃষ্টিতে

জাভাস্ক্রিপ্টে ফাংশন ডিক্লেয়ার করার সবচেয়ে সাধারণ পদ্ধতি হলো function কীওয়ার্ড। এর সিনট্যাক্স:

function nameOfTheFunction() { // Code }

ফাংশনের অংশগুলো: function কীওয়ার্ড, ফাংশন নাম (ক্যামেল কেস), প্যারামিটার 위한 ব্র্যাকেট, এবং কার্লি ব্রেসে কোড।

উদাহরণ: সকালে শুভেচ্ছা প্রিন্ট করার ফাংশন।

function wakeUpRoutine() { console.log("Good morning! Today is a great day."); }

ফাংশন ডিক্লেয়ার করলেই চলে না, কল করতে হয়:

wakeUpRoutine();

ফলাফল: Good morning! Today is a great day.।

ফাংশন প্যারামিটারও নিতে পারে। প্যারামিটার ফাংশনে পাস করা ইনপুট যা ফাংশনের ভিতরে লোকাল ভেরিয়েবল হিসেবে কাজ করে। নাম যোগ করতে চাইলে:

function wakeUpRoutine(name) { console.log(`Good morning, ${name}! Today is a great day.`); }

কল করুন:

wakeUpRoutine("Peter");

ফলাফল: Good morning, Peter! Today is a great day.।

জাভাস্ক্রিপ্ট অ্যারো ফাংশন

জাভাস্ক্রিপ্ট অ্যারো ফাংশন, কখনও কখনও fat arrow ফাংশন বলা হয়, ES6-এ যোগ হয়েছে সবচেয়ে জনপ্রিয় ফিচারগুলোর একটি। এটি ফাংশন এক্সপ্রেশন যা আরও দক্ষ ও সংক্ষিপ্ত সিনট্যাক্সে ফাংশন লিখতে দেয়।

সিনট্যাক্স:

functionName = (parameters) => { // Code }

আগের wakeUpRoutine অ্যারো ফাংশন হিসেবে:

wakeUpRoutine = (name) => { console.log(`Good morning, ${name}! Today is a great day.`); }

কল করার সিনট্যাক্স একই:

wakeUpRoutine("Sophia")

ফলাফল: Good morning, Sophia! Today is a great day.।

স্ট্রাকচার পুরনো ফাংশনের মতোই, পার্থক্য: function কীওয়ার্ড নেই, তার বদলে => অ্যারো। আর return কীওয়ার্ডও লাগেনা (ইমপ্লিসিট রিটার্ন)।

ইমপ্লিসিট রিটার্ন (Implicit Returns)

ফাংশন বডি যদি একক এক্সপ্রেশন হয়, তবে কার্লি ব্রেস এবং return উভয়ই বাদ দেওয়া যায় — এটাকে ইমপ্লিসিট রিটার্ন বলে।

উদাহরণ:

const multiplyNumbers = (a, b) => a * b; multiplyNumbers(2, 2);

ফলাফল: 4।

ইমপ্লিসিট রিটার্ন সাধারণত ভ্যালু রিটার্ন করার জন্য ব্যবহৃত হয়। কিন্তু কোনো ভ্যালু রিটার্ন না করলেও ব্যবহার করা যায়:

const wakeUpRoutine = name => console.log(`Good morning, ${name}! Today is a great day.`); wakeUpRoutine("Ava");

ফলাফল: Good morning, Ava! Today is a great day.।

প্যারেনথেসিস বাদ দেওয়া

অ্যারো ফাংশনে প্যারেনথেসিস তখনই লাগে যখন প্যারামিটার ০ বা ১+ হয়। যদি শুধু ১টি প্যারামিটার থাকে, প্যারেনথেসিস বাদ দেওয়া যায়:

wakeUpRoutine = name => { console.log(`Good morning, ${name}! Today is a great day.`); }

Map, Filter, Reduce-এর সাথে অ্যারো ফাংশন

অ্যারো ফাংশন map, filter, reduce অ্যারে মেথডের সাথে খুব সুন্দর কাজ করে। এক লাইনে অ্যারে ট্রান্সফর্ম করা যায়।

উদাহরণ: ছাত্রদের গ্রেডে ১ যোগ করা।

const grades = [25, 26, 22, 28]; const fixStudentGrades = grades.map(score => score + 1); console.log(fixStudentGrades);

ফলাফল: [26, 27, 23, 29]। প্রতিটি গ্রেডে ১ যোগ হয়েছে।

উপসংহার

অ্যারো ফাংশন ES6-এ যোগ হয়েছে একটি ফিচার যা কোডকে আরও দক্ষ ও সংক্ষিপ্ত করে। => অ্যারো দিয়ে function কীওয়ার্ড বাদ দেওয়া যায়, এক লাইনের ফাংশন লিখা যায়।

এই টিউটোরিয়ালে ফাংশন বেসিক, অ্যারো ফাংশন, ইমপ্লিসিট রিটার্ন, প্যারেনথেসিস রিমুভ, এবং map, filter, reduce-এর সাথে ব্যবহার আলোচনা করা হয়েছে।

এখন আপনি একজন এক্সপার্টের মতো অ্যারো ফাংশন লিখতে পারবেন!