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

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

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

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

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

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

var Foo = function foo(name, lastname){
this.name = name;
this.lastname = lastname;
var _full_name = name+" "+lastname;

this.ToString = function(){
return _full_name;
}
}

var Foo = function foo(name, lastname){

this.name = name;

this.lastname = lastname;

var _full_name = name+" "+lastname;

this.ToString = function(){

return _full_name;

}

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

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

Foo.prototype.getName = function(){
return this.name;
}

Foo.prototype.getName = function(){

return this.name;

}

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

var Obj = new Foo("Thapakorn","Tantirattanapong");
Obj.ToString(); //return ชื่อและนามสกุล
Obj.getName(); //return ชื่อกลับมา

var Obj = new Foo("Thapakorn","Tantirattanapong");

Obj.ToString(); //return ชื่อและนามสกุล

Obj.getName(); //return ชื่อกลับมา

แบบที่สอง Object Literal

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

var obj = {};

1	var obj = {};

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

var obj = {
name: "Thapakorn",
getName: function(){
console.log(this.name);
}
};

obj.getName(); //แสดงชื่อใน console

var obj = {

name: "Thapakorn",

getName: function(){

console.log(this.name);

}

};

obj.getName(); //แสดงชื่อใน console

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

Author
Recent Posts

Follow me

Thapakorn

Programmer / Startup Owner at Phuketinnova Col., Ltd.

โปรแกรมเมอร์ที่ชอบถ่ายภาพและปั่นจักรยาน(แต่ไม่มีจักรยาน) ชอบทุกอย่างที่เกี่ยวกับเครื่องบินและคอมพิวเตอร์ ใฝ่ฝันอยากเป็นนักบินแต่ได้เป็นโปรแกรมเมอร์ 😛

Follow me

Thapakorn's Blog

Just another Programmer's blog.

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

Leave a Reply Cancel reply