การสร้าง Class ใน JavaScript

JavaScript-Logo

ช่วงนี้กำลังอยู่ในช่วงคลั่งไคล้ JavaScript ไปอ่านบทความต่างๆ มาเลยแวะเอามาเขียนเก็บไว้หน่อย เดี๋ยวจะลืมกันไปก่อน

วันนี้จะมาอธิบายการสร้าง Class หรือ Object ในภาษา JavaScript ซึ่งปกติไม่มี Class ให้ใช้หรอก (ผมยังไม่พูด ECMA 6 นะ) แต่มันก็สามารถทำได้นะ จะให้ผมอธิบายมากบอกเลยตอนนี้ยังไม่รู้อะไรมาก มาเขียนเก็บไว้ก่อนกันลืมเฉยๆ

การประกาศ Class ใน JavaScript นั้นทำได้ 2 วิธีดังต่อไปนี้

  1. สร้างด้วย Function
  2. สร้างแบบ Object Literal

แบบแรก ใช้ Function ในการสร้าง Class ไปเลย แบบนี้

โดยการประกาศ properties แบบ public สามารถทำได้โดยการกำหนดโดยใส่ this. ไว้ด้านหน้า จะสามารถเรียกใช้จากด้านนอกได้ หากไม่ต้องการให้เข้าถึงได้จากด้านนอกให้ใช้ var แทน

ส่วนการเพิ่ม Method นั้นสามารถทำได้ 2 แบบคือ ประกาศแบบด้านบนใน function ของ class ไปเลย หรือจะสามารถเพิ่ม method ภายนอกได้ด้วยวิธีคือ

สำหรับการใช้งานก็ทำได้ง่ายๆ เหมือนภาษาทั่วๆ ไปเลยคือ

แบบที่สอง Object Literal

จริงๆ วิธีนี้มีการใช้กันอย่างกว้างขวางเหมือนกันนะ สามารถทำได้โดยวิธีดังต่อไปนี้

หรือหากเราต้องการเพิ่ม properties หรือ method ก็สามารถทำได้ใน {} เลยครับ เช่น

เอาเป็นว่าประมาณนี้ก่อนละกัน ถ้ารู้อะไรเพิ่มมาจะเอามาเขียนเพิ่มเติมครับ :D

Thapakorn
Follow me

Thapakorn

Programmer / Startup Owner at Phuketinnova Col., Ltd.
โปรแกรมเมอร์ที่ชอบถ่ายภาพและปั่นจักรยาน(แต่ไม่มีจักรยาน) ชอบทุกอย่างที่เกี่ยวกับเครื่องบินและคอมพิวเตอร์ ใฝ่ฝันอยากเป็นนักบินแต่ได้เป็นโปรแกรมเมอร์ :P
Thapakorn
Follow me

Leave a Reply