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

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

জাভাস্ক্রিপ্টে call() এবং apply() দিয়ে ফাংশন আহ্বান করার জন্য নিচের কোডটি দেখুন।

উদাহরণ

<!DOCTYPE html> <html lang="bn"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>call এবং apply উদাহরণ</title> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 18px;       font-weight: 500;       color: blueviolet;    } </style> </head> <body> <h1>call() এবং apply() দিয়ে ফাংশন আহ্বান করা</h1> <div class="result"></div> <br /> <button class="Btn">এখানে ক্লিক করুন</button> <h3>উপরোক্ত বাটনে ক্লিক করুন call() এবং apply() মেথড দিয়ে ফাংশন আহ্বান করতে</h3> <script>    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    function addNum(num1, num2, num3, num4) {       return num1 + num2 + num3 + num4;    }    function multiplyNum(num1, num2, num3, num4) {       return num1 * num2 * num3 * num4;    }    let arr = [22, 33, 44, 55];    BtnEle.addEventListener("click", () => {       resEle.innerHTML = "সংখ্যাগুলোর যোগফল = " + addNum.call(this, 22, 33, 44, 55) + "<br>";       resEle.innerHTML +="অ্যারে এলিমেন্টগুলোর গুণফল = " +multiplyNum.apply(this, arr) +"<br>";    }); </script> </body> </html>

আউটপুট

প্রাথমিক অবস্থা:

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

'এখানে ক্লিক করুন' বাটনে ক্লিক করার পর:

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

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

  2. জাভাস্ক্রিপ্টে onclick() দিয়ে ফাংশন কল করা

  3. জাভাস্ক্রিপ্ট ও CSS দিয়ে টাইপিং ও ডিলিটিং ইফেক্ট তৈরি করা

  4. জাভাস্ক্রিপ্ট দিয়ে CSS ভেরিয়েবল (কাস্টম প্রোপার্টি) গেট ও সেট করা