বিভিন্নভাবে Arrow ফাংশন লেখার নিয়ম

প্রিয় ডেভেলপারস , আসসালামু আলাইকুম । আশা করি আপনারা সবাই ভালো আছেন । Arrow ফাংশন হলো JavaScript এর anonymous ফাংশন লেখার সংক্ষিপ্ত রুপ...

প্রিয় ডেভেলপারস, আসসালামু আলাইকুম। আশা করি আপনারা সবাই ভালো আছেন। Arrow ফাংশন হলো JavaScript এর anonymous ফাংশন লেখার সংক্ষিপ্ত রুপ। ECMAScript 6 বা ES6 থেকে এর ব্যবহার করা হয়েছে। আজকের ব্লগে Arrow ফাংশন কলের কয়েকটি টাইপ নিয়ে আলোচনা করবো। আশা করি আপনাদের ভালো লাগবে, তাহলে চলুন শুরু করা যাক।

Parameter ছাড়া Arrow Function এর ব্যবহারঃ

যদি ফাংশন কোন প্যারামিটের না নেই, তাহলে arrow function ব্যবহার করা সময় ফাংশনের parentheses () টি খালি রাখতে হবে।

const num = () => 12;
console.log(`No Parameter: ${num()}`);

Single Parameter এ Arrow Function এর ব্যবহারঃ

যদি ফাংশন একটি মাত্র প্যারামিটার নেয়, তাহলে parentheses ব্যবহার করা বা না করার মধ্যে কোন পার্থক্য নেই। কেননা তখন তা অপশনাল থাকে।

const result = (num) => num * num;
console.log(`Single Paremeter: ${result(5)}`);

Multiple Parameter এ Arrow Function এর ব্যবহারঃ 

const addNum = (num1, num2) => num1 + num2;
console.log(`Multiple Parameter: ${addNum(10, 3)}`);

Multiple Statements এ Arrow Function এর body:

যদি ফাংশন বডিতে একের অধিক statement থাকে, তাহলে কারলি ব্রাচেছ {} ব্যবহার করতে হয়। আর ফাংশন থেকে কোন কিছু পাঠাতে হয় তাহলে ‘return’ কিওয়ার্ড ব্যবহার করতে হয়।

const returnSqr = (num1, num2) => {
  const result = num1 * num2;
  return result;
};
console.log(`Funtion Body With Multiple Statement: ${returnSqr(13, 2)}`);

 

Object Literals এ Arrow Function এর ব্যবহারঃ

যখন সরাসরি object literal পাঠাতে হয়, তাহলে object literal কে parentheses দিয়ে wrap করে দিতে হয়।

const createPerson = (name, age) => ({ name, age });
const person = createPerson("Ahshan Habib", 10);
console.log(
  `Returning Object Literals: Name: ${person.name}, Age: ${person.age}`
);

Higher Order Functions এবং Callbacks এ Arrow Function এর ব্যবহারঃ

const numArr = [4, 5, 10, 8, 9, 2];
const numSqr = numArr.map((num) => num * num);
console.log(`Higher Order Functions and Callbacks: ${numSqr}`);

আশা করি আপনি আজকের এই ব্লগটি মনোযোগ সহকারে পড়েছেন। আজকের ব্লগটি আপনার কাছে কেমন লেগেছে অবশ্যই  কমেন্ট করে জানাবেন, আর যদি কোন ভূল হয়ে থাকে তাহলে ক্ষমা সুন্দর দৃষ্টিতে দেখবেন এবং কোথায় ভূল হয়েছে কমেন্ট করে জানাবেন। পোষ্টে উল্লিখিত কোনো অংশ যদি বুঝতে সমস্যা হয়, তাহলে কমেন্ট বক্সে জানিয়ে দিন। ইনশাআল্লাহ্‌, সমস্যা সমাধানের চেষ্টা করবো। আর ওয়েবসাইটটি বন্ধুদের মাঝে শেয়ার করবেন। আজকের মতই এখানেই বিদায় নিলাম, ইনশাআল্লাহ দেখা হবে অন্য কোন ব্লগে। ভালো থাকবেন সুস্থ থাকবেন। আল্লাহ হাফেয।