জাভাস্ক্রিপ্ট অবজেক্ট মেথড
জাভাস্ক্রিপ্ট মেথড
মেথড হলো অবজেক্টের কার্যক্রম যা অবজেক্টের মাধ্যমে সম্পাদিত হয়।
অবজেক্ট মেথড হলো একটি অবজেক্ট প্রোপার্টি যার মধ্যে ভ্যালু হিসেবে একটি ফাংশন ডেফিনেশন থাকে।
| প্রোপার্টি | ভ্যালু |
|---|---|
| firstName | Azizur |
| lastName | Rahman |
| age | 32 |
| eyeColor | black |
| fullName | function() {return this.firstName + " " + this.lastName;} |
মেথডগুলো হলো ফাংশন যা অবজেক্টের প্রোপার্টি হিসেবে থাকে।
অবজেক্ট মেথড এক্সেস
অবজেক্ট মেথড তৈরির গঠনপ্রণালীঃ
methodName : function() { code lines }
অবজেক্ট মেথড এক্সেসের গঠনপ্রণালীঃ
objectName.methodName()
আপনি fullName() কে person অবজেক্টের মেথড এবং fullName কে প্রোপার্টি হিসেবে বর্ণনা করবেন।
যখন fullName প্রোপার্টিকে () এর মাধ্যমে কল করা হবে তখন এটি ফাংশন হিসেবে এক্সিকিউট হবে।
এই উদাহরণটি person অবজেক্টের fullName() মেথডকে এক্সেস করেঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p>অবজেক্ট মেথড তৈরী এবং ব্যবহার</p>
<p id="demo"></p>
<script>
var person = {
firstName: "আজিজুর",
lastName : "রহমান",
id : 4747,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo").innerHTML = person.fullName();
</script>
</body>
</html>
ফলাফল
আপনি () ছাড়া fullName প্রোপার্টিকে এক্সেস করলে ইহা সম্পূর্ন ফাংশন ডেফিনেশন রিটার্ন করবেঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p>অবজেক্ট মেথড তৈরী এবং ব্যবহার</p>
<p id="demo"></p>
<script>
var person = {
firstName: "আজিজুর",
lastName : "রহমান",
id : 4747,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo").innerHTML = person.fullName;
</script>
</body>
</html>
ফলাফল
বিল্ট-ইন মেথডের ব্যবহার
এই উদাহরণে স্ট্রিং অবজেক্টের toUpperCase() মেথড ব্যবহার করে একটি টেক্সটকে বড়হাতের অক্ষরে পরিণত করা হয়েছেঃ
var message = "Hello world!";
var x = message.toUpperCase();
কোড এক্সিকিউশনের পর x এর ভ্যালুঃ
HELLO WORLD!
নতুন মেথড যুক্ত করা
অবজেক্টের জন্য মেথড যোগ করতে এর কনস্ট্রাক্টর ফাংশনে মেথড ডিফাইন করা হয়ঃ
function person(firstName, lastName, age, eyeColor) {
this.firstName = firstName;
this.lastName = lastName;
this.age = age;
this.eyeColor = eyeColor;
this.changeName = function (name) {
this.lastName = name;
};
}
changeName() ফাংশন name এর ভ্যালুকে person এর lastName প্রোপার্টিতে এসাইন করে।
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p id="demo"></p>
<script>
function person(firstName,lastName,age,eyeColor) {
this.firstName = firstName;
this.lastName = lastName;
this.age = age;
this.eyeColor = eyeColor;
this.changeName = function (name) {
this.lastName = name;
}
}
var myMother = new person("নীলা", "খাতুন", 26, "কালো");
myMother.changeName("শাপলা");
document.getElementById("demo").innerHTML =
"আমার মায়ের শেষ নাম " + myMother.lastName;
</script>
</body>
</html>
ফলাফল