জেকুয়েরি $.proxy() মেথড
সংজ্ঞা এবং ব্যবহার
$.proxy মেথড একটি বিদ্যমান ফাংশনকে নেয় এবং নতুন কন্টেক্সটের একটি ফাংশনকে রিটার্ন করে।
একটি এলিমেন্টে ইভেন্ট যোগ করার জন্য এই মেথডটি ব্যবহার করা হয় যেখানে এলিমেন্টের কন্টেক্সট ভিন্ন একটি অবজেক্টকে নির্দেশ করে।
সিনট্যাক্স ১
$(selector).proxy(function,context)
সিনট্যাক্স ২
$(selector).proxy(context,name)
প্যারামিটার ও তাদের ভ্যালু
নিচের টেবিলে $.proxy() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ
| প্যারামিটার | বিবরণ |
|---|---|
| function | বিদ্যমান ফাংশনকে কল করতে |
| context | ফাংশনটি যে অবজেক্টে রয়েছে তার নাম |
| name | কন্টেক্সট অবজেক্টের একটি ফাংশন যার কন্টেক্সট পরিবর্তন করা হবে। |
$.proxy() মেথড সংক্রান্ত উদাহরণ
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
var objPerson = {
name: "জিহাদুল ইসলাম",
age: 22,
test: function(){
$("p").after("নাম: " + this.name + "<br> বয়স: " + this.age);
}
};
$("button").click($.proxy(objPerson, "test"));
});
</script>
</head>
<body>
<button>টেস্ট ফাংশন রান করুন</button>
<p></p>
</body>
</html>
ফলাফল
proxy() মেথড সংক্রান্ত উদাহরন
উদাহরণঃ
<!DOCTYPE html>
<html>
<head>
<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
test = function(){
this.txt = "এটি একটা অবজেক্ট প্রোপার্টি";
$("div").click($.proxy(this.myClick, this));
};
test.prototype.myClick = function(event){
alert(this.txt);
alert(event.currentTarget.nodeName);
};
var x = new test();
});
</script>
</head>
<body>
<div>এটি একটি div এলিমেন্ট।</div>
</body>
</html>
ফলাফল