Objects in
Javascript
Object เป็นความสามารถที่สำคัญอย่างหนึ่งของ JavaScript เรียกได้ว่าเป็นพระเอกของเรื่องเลยเชียวนะ
หน้านี้ผมจะแนะนำให้รู้จักกับ Object ก่อนว่าเป็นอย่างไรนะครับ
What
Are
Objects ?
ในชีวิตจริงเนี่ย ถ้าผมจะบอกว่า รถยนต์เป็นวัตถุชิ้นหนึ่ง ลำโพงก็เป็นวัตถุชิ้นหนึ่ง
และ หนังสือ ก็เป็นวัตถุอีกชิ้นหนึ่ง
คุณก็ไม่งงใช่ไหมครับ
Object ในโลกของ Computer ก็คล้ายๆกันนะ คือการเขียนโปรแกรมแบบใหม่เนี่ย จะพยายามสมมุติให้ทุกๆอย่าง
เป็นวัตถุ (Objects)ให้หมดเลย ตัวอย่างก็เช่น ภาพ browser แบบฟอร์ม ต่างๆ
ทั้งนี้ก็เพื่อความง่ายในการเขียนโปรแกรมครับ
คุณรู้จัก Object แล้วนะ ที่นี้ เราก็จะมาดูกันต่อว่า Object เนี่ยมีดีอะไร
Properties
Properties ก็คือคุณสมบัติของ Object เช่น
สมมุติว่า Object เป็นรถยนต์ Propeties ก็ของรถยนต์ก็เช่น ยี่ห้อ รุ่น สี ความเร็ว แรงม้า
สมมุติว่า Object เป็นวิทยุ Propeties ก็ของวิทยุก็เช่น ยี่ห้อ รุ่น สี ราคา ความดัง
สมมุติว่า Object เป็นหนังสือ Propeties ก็ของวิทยุก็เช่น ชื่อเรื่อง ผู้แต่ง จำนวนหน้า
สมมุติว่า Object เป็นตัวคุณ Propeties ก็ของตัวคุณก็เช่น เพศ อายุ น้ำหนัก ส่วนสูง
สมมุติว่า Object เป็นWebpage Propeties ก็ของWebpageก็เช่น title bgcolor links
พอจะเข้าใจ Properties หรือยังครับ ที่นี้วิธีเขียนเขียนก็จะใช้ชื่อของ Object นำหน้า แล้วก็ จุด
ตบท้ายด้วย Properties ที่จะอ้างถึง เช่น
รถยนต์.สี หมายถึงสีของรถยนต์
วิทยุ.ราคา หมายถึงราคาวิทยุ
document.bgcolor หมายถึงสีพื้นหลังของ Webpage
และ Properties บางตัวก็อาจเป็น Objects ก็ได้ ลองพิจารณาตัวอย่างนี้ดูนะ
รถยนต์.ประตูรถ.สี=แดง
รถยนต์.ประตูรถ.ระบบlock=Central Lock
รถยนต์.ประตูรถ.ระบบlock.สถานะ=lock อยู่
จะเห็นได้ว่า ประตูรถ เป็น Object มี Properties
คือ สี และ ระบบlockประตู แต่ก็เป็น Properties ของรถยนต์เช่นกัน
จากตัวอย่างเป็นการกำหนดว่า ให้มีประตูรถสีแดง ระบบ lock แบบ Central lock
โดยที่กำลัง Lock อยู่
Methods
Methods ก็คือคำสั่งที่ใช้กับ Object โดยจะมีผลกับ Object นั้นๆเช่น
วิทยุ.play()เล่นเทป
วิทยุ.stop()หยุด
ซึ่งคุณก็เคยใช้ Method ไปบางตัวแล้วนะครับ เช่น document.write() ที่ใช้เขียนข้อความลงใน Webpage
และ window.alert() ที่ใช้แสดงข้อความ alert
