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

জাভাস্ক্রিপ্টে Lambda ও Arrow Functions

Lambda function হলো একটি ছোট অ্যানোনিমাস ফাংশন যাতে শুধু এক এক্সপ্রেশন থাকে এবং এক বা একাধিক প্যারামিটার নিতে পারে। এটি মূলত ফাংশনকে অন্য ফাংশনের প্যারামিটার হিসেবে পাস করার সুবিধা দেয়। যেহেতু জাভাস্ক্রিপ্টে ফাংশন অবজেক্ট হিসেবে বিবেচিত হয়, তাই সেটি অন্য ফাংশনে পাস বা রিটার্ন করা যায়।

উদাহরণ

<!DOCTYPE html>
<html lang="bn">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Lambda with Arrow Functions</title>
  <style>
    body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; }
    .sample, .result { font-size: 20px; font-weight: 500; color: blueviolet; }
    .sample { color: red; }
  </style>
</head>
<body>
  <h1>জাভাস্ক্রিপ্টে Lambda ও Arrow Functions</h1> 
  <div class="sample">[1,2,3,4,5,6,7]</div> 
  <div class="result"></div> 
  <br /> 
  <button class="Btn">এখানে ক্লিক করুন</button> 
  <h3> উপরের অ্যারেতে প্রতিটি সংখ্যা বর্গ করতে বোতামে ক্লিক করুন</h3> 
  <script> 
    const btnEle = document.querySelector(".Btn"); 
    const sampleEle = document.querySelector(".sample"); 
    const resEle = document.querySelector(".result"); 
    const arr = [1, 2, 3, 4, 5, 6, 7]; 
    const square = (item) => item * item; 
    function arraySq(func, arr) { 
      const newArr = []; 
      arr.forEach((element) => { 
        newArr.push(func(element)); 
      }); 
      resEle.innerHTML = "নতুন অ্যারে = " + newArr; 
    } 
    btnEle.addEventListener("click", (event) => { 
      arraySq(square, arr); 
    }); 
  </script> 
</body>
</html>

আউটপুট

জাভাস্ক্রিপ্টে Lambda ও Arrow Functions

'এখানে ক্লিক করুন' বোতামে ক্লিক করার পর:

জাভাস্ক্রিপ্টে Lambda ও Arrow Functions

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

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

  3. জাভাস্ক্রিপ্টে Arrow Function কখন ব্যবহার করা উচিত নয়

  4. জাভাস্ক্রিপ্টে call() এবং apply() দিয়ে ফাংশন আহ্বান করা