জাভাস্ক্রিপ্টে নিজস্ব অবজেক্ট তৈরি করা।
অবজেক্ট এর সাধারন অর্থ বস্তু। কোন বস্তু বা ঘটনার প্রোগ্রামিং সংস্করন হল অবজেক্ট। অবজেক্ট নিয়ে এই টিউনটি “অবজেক্ট ওরিয়েন্টেড জাভাস্ক্রিপ্ট। অবজেক্ট, প্রপার্টি ও মেথড নিয়ে বিস্তারিত আলোচনা।“ আগে দেখে আসতে পারেন।জাভাস্ক্রিপ্টের বেশ কিছু বিল্ট-ইন অবজেক্ট রয়েছে । যেমন- String, Date, Array ইত্যাদি। বিল্ট-ইন অবজেক্ট ছাড়াও জাভাস্ক্রিপ্টে নিজস্ব অবজেক্ট তৈরি করা যায়। জাভাস্ক্রিপ্টে বিভিন্নভাবে অবজেক্ট তৈরি করা যায়। নিচের দুটি পদ্ধতির সাহায্যে অবজেক্ট তৈরি করা দেখানো হল-
১.new অপারেটর ব্যবহার করে সরাসরি অবজেক্ট তৈরি করা।
২. অবজেক্ট ইনিশিয়ালাইজার (initializer) / Constructor function ব্যবহার করে অবজেক্ট তৈরি।
1.new অপারেটর ব্যবহার করে সরাসরি অবজেক্ট তৈরি করাঃ
“new “ অপারেটর ব্যবহার করে জাভাস্ক্রিপ্টে অবজেক্ট তৈরি করা যায়। এক্ষেত্রে বিভিন্ন constructor মেথড যেমন- Object(), Array() বা Date() ব্যবহার করা হয়। এসকল constructor মেথড আসলে জাভাস্ক্রিপ্ট ফাংশান।
সিনট্যাক্সঃ
objectName = { property1 : value1, property2 : value2,…,propertyN : valueN};
এখানে,
1.objectName : নুতন অবজেক্টের নাম।
2.property_1, property_2, …..property_n : এগুলো প্রপার্টির নাম যা- নাম, সংখ্যা বা স্ট্রিং হতে পারে।
3.value1, value2,..,valueN : এগুলো প্রপার্টির মান বা এক্সপ্রেসন।
নিচের কোড একটি অবজেক্ট তৈরি করে যেখানে চারটি প্রপার্টি রয়েছে-
|
1
2
3
4
5
|
personObj=new Object(); personObj.firstname="John"; personObj.lastname="Doe"; personObj.age=50; personObj.eyecolor="blue"; |
এভাবে না লিখে সরাসরি নিচের মত করে লেখা যায়-
|
1
|
personObj={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"}; |
উদাহরণ-১
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<html><body><script type="text/javascript">personObj={firstname:"John",lastname:"Doe",age:50,eyecolor:"blue"}document.write(personObj.firstname + " is " + personObj.age + " years old.");</script></body></html> |
উদাহরণ-২
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
<html><head><title>User-defined objects</title><script type="text/javascript">var book = new Object(); // Create the objectbook.subject = "Perl"; // Assign properties to the objectbook.author = "Mohtashim";</script></head><body><script type="text/javascript">document.write("Book name is : " + book.subject + "<br>");document.write("Book author is : " + book.author + "<br>");</script></body></html> |
2. অবজেক্ট ইনিশিয়ালাইজার (initializer) / Constructor function ব্যবহার করে অবজেক্ট তৈরিঃ
constructor ফাংশান ব্যবাহার করে অবজেক্ট তৈরি করতে নিচের নিয়মগুলো ভালভাবে মেনে চলতে হবে-
- constructor ফাংশানের নাম অবজেক্টের নামের মত হবে।
- constructor ফাংশানে “this” কীওয়ার্ড ব্যবহার করে অবজেক্টে মেম্বার যোগ করতে হবে।
- সমান চিহ্নের (“=”) পরে প্রপার্টি/ মেথডের মান ডিফাইন করে দিতে হবে।
- constructor ফাংশানে কোন “return” স্টেটমেন্ট থাকতে পারবে না।
constructor ফাংশান ব্যবহার করে অবজেক্ট তৈরি করতে মোট তিনটি ধাপ অনুসরন করতে হবে। উদাহরণের সাহায্যে বিষয়টি আলোচনা করা হল-
প্রথম ধাপঃ
নিম্নে একটি ফাংশান তৈরি করা হল যা অবজেক্ট গঠন করে-
function student(name, class, rollno)
{
this.name = name;
this.class = class
this.rollno = rollno;
}
উপরোক্ত উদাহরণে student হল একটি অবজেক্ট, যার তিনটি প্যারামিটার আছে- name, class and rollno। অবজেক্টের মান নির্ভর করে ফাংশানে কোন প্যারামিটার পাস (passed) করা হয়েছে তার উপর। এখানে “this” কীওয়ার্ড ব্যবহার করে constructor ফাংশানে অবজেক্টে মেম্বার (প্রপার্টি) যোগ করা হয়েছে। The reason for all the “this” stuff is that you’re going to have more than one person at a time (which person you’re dealing with must be clear).
দ্বিতীয় ধাপঃ
একবার object constructor গঠন হয়ে গেলে, আপনি নুতন অবজেক্ট তৈরি করতে পারবেন। এই ধাপে আপনাকে নূতন একটি অবজেক্ট তৈরি করতে হবে। যেমন-
studentv = new student(“John”, “V”, 10)
উপরোক্ত স্টেটমেন্টে “studentv” নামে একটি নুতন অবজেক্ট তৈরি করা হয়েছে এবং এই অবজেক্টের প্রপার্টিতে নিদিষ্ট ভেলু এসাইন করে দেওয়া হয়েছে। এমতাবস্থায়-
- studentv.nameè এর মান হবে স্ট্রিং “John”
- studentv.classè এর মান হবে স্ট্রিং “V”
- student.rollnoè এর মান হবে ইন্টিজার 10
. We can create any number of student objects by calls to new.
তৃতীয় ধাপঃ
এবার constructor ফাংশানের বাইরে নুতন যে অবজেক্ট তৈরি করা হয়েছে তাকে কল করতে হবে। বিষয়টি ভালভাবে বোঝার জন্য একটি উদাহরন দেওয়া হল-
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
<html><body><script type="text/javascript">function person(firstname,lastname,age,eyecolor){this.firstname=firstname;this.lastname=lastname;this.age=age;this.eyecolor=eyecolor;}myFather=new person("John","Doe",50,"blue");document.write(myFather.firstname + " is " + myFather.age + " years old.");</script></body></html> |
