জাভাস্ক্রিপ্টে তৈরি ফাংশনগুলিতে জাভাস্ক্রিপ্টেঞ্জিন দ্বারা সর্বদা প্রোটোটাইপ বৈশিষ্ট্য যুক্ত থাকে। প্রোটোটাইপ প্রপার্টি হল একটি অবজেক্ট যা ডিফল্টরূপে কনস্ট্রাক্টর প্রপার্টি ধারণ করে। ফাংশন প্রোটোইপ −
দ্বারা অ্যাক্সেস করা যেতে পারেfunctionName.prototype
যখন ফাংশন কনস্ট্রাক্টর ব্যবহার করে অবজেক্ট তৈরি করা হয়, তখন এই প্রোটোটাইপ প্রোপার্টিটি সেই ফাংশন কনস্ট্রাক্টর দ্বারা তৈরি করা বস্তুর মধ্যে পদ্ধতি বা বৈশিষ্ট্যগুলি ভাগ করতে ব্যবহার করা যেতে পারে।
জাভাস্ক্রিপ্ট -
-এ ফাংশন প্রোটোটাইপগুলির জন্য কোডটি নিচে দেওয়া হলউদাহরণ
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</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>Function prototypes in JavaScript</h1>
<div class="result"></div>
<br />
<button class="Btn">Click Here</button>
<h3>Click on the above button to call the welcome method of person1 and person2 object</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 "Welcome " + 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> আউটপুট
'এখানে ক্লিক করুন' বোতামে ক্লিক করলে -
