কম্পিউটার টিউটোরিয়াল

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


ফ্যাট অ্যারো ফাংশন

ফ্যাট অ্যারো ফাংশন (=>) কোড লাইন কমায় এবং function কীওয়ার্ড বারবার লিখতে হয় না।

সিনট্যাক্স

// একক আর্গুমেন্ট
argument => expression

// একাধিক আর্গুমেন্ট
(argument1, argument2) => expression

// ব্লক বডি
(arg1, arg2) => {
    const result = arg1 + arg2;
    return result;
}

তুলনা: রেগুলার vs অ্যারো ফাংশন

// রেগুলার ফাংশন
var rank = [7, 8, 9];
var display = rank.map(function(num) {
    return num * num;
});

// ফ্যাট অ্যারো ফাংশন
var rank = [7, 8, 9];
var display = rank.map((num) => num * num);
document.write(display); // [49, 64, 81]

অ্যারো ফাংশনের বৈশিষ্ট্য

বিষয়রেগুলার ফাংশনঅ্যারো ফাংশন
this বাইন্ডিংডাইনামিক (কল সাইটে)লেক্সিক্যাল (ডিক্লেয়ারেশন সাইটে)
argumentsউপলব্ধউপলব্ধ নয় (rest params ব্যবহার)
new দিয়ে কল✅ কাজ করে❌ TypeError
prototypeহায়না
yieldজেনারেটরে ব্যবহারযোগ্যনা (অ্যাসিঙ্ক জেনারেটর বাদে)

অনুশীলন

  • কলব্যাক, ম্যাপ, ফিল্টার, রিডিউস - অ্যারো ফাংশন ব্যবহার করুন
  • অবজেক্ট মেথড, কনস্ট্রাক্টর, ইভেন্ট হ্যান্ডলার (this দরকার) - রেগুলার ফাংশন ব্যবহার করুন
  1. জাভাস্ক্রিপ্টে ফাংশন এক্সপ্রেশন কী?

  2. জাভাস্ক্রিপ্টে Fat vs Concise Arrow Functions

  3. জাভাস্ক্রিপ্টে Concise Arrow Functions

  4. জাভাস্ক্রিপ্টে Fat Arrow Functions