জাভাস্ক্রিপ্টে ফাংশন প্রোটোটাইপ

জাভাস্ক্রিপ্টে তৈরি ফাংশনগুলোর সবসময় জাভাস্ক্রিপ্ট ইঞ্জিন দ্বারা prototype প্রোপার্টি যুক্ত থাকে। prototype প্রোপার্টি একটি অবজেক্ট যাতে ডিফল্টভাবে constructor প্রোপার্টি থাকে। ফাংশন প্রোটোটাইপটি নিম্নরূপ এক্সেস করা যায়:

functionName.prototype

যখন ফাংশন কনস্ট্রাক্টর ব্যবহার করে অবজেক্ট তৈরি করা হয়, তখন এই prototype প্রোপার্টিটি সেই ফাংশন কনস্ট্রাক্টর দ্বারা তৈরি অবজেক্টগুলির মধ্যজাত মেথড বা প্রোপার্টি শেয়ার করতে ব্যবহৃত হয়।

জাভাস্ক্রিপ্টে ফাংশন প্রোটোটাইপের জন্য নিচের কোডটি দেখুন।

উদাহরণ

<!DOCTYPE html> <html lang="bn"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>ফাংশন প্রোটোটাইপ উদাহরণ</title> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    .result {       font-size: 20px;       font-weight: 500;       color: blueviolet;    } </style> </head> <body> <h1>জাভাস্ক্রিপ্টে ফাংশন প্রোটোটাইপ</h1> <div class="result"></div> <br /> <button class="Btn">এখানে ক্লিক করুন</button> <h3>উপরোক্ত বাটনে ক্লিক করুন person1 এবং person2 অবজেক্টের welcome মেথড কল করতে</h3> <script>    let resEle = document.querySelector(".result");    let BtnEle = document.querySelector(".Btn");    function personConstructor(fName, lName) {       this.fName = fName;       this.lName = lName;    }    personConstructor.prototype.welcome = function () {       return "স্বাগতম " + this.fName + " " + this.lName;    };    let person1 = new personConstructor("Rohan", "Sharma");    let person2 = new personConstructor("Shawn", "Smith");    BtnEle.addEventListener("click", () => {       resEle.innerHTML = "person1.welcome() = " + person1.welcome() + "<br>";       resEle.innerHTML += "person2.welcome() = " + person2.welcome() + "<br>";    }); </script> </body> </html>

আউটপুট

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

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