OOP ใน JavaScript - การสร้าง Method ใน Object

การเขียนโปรแกรมเชิงวัตถุ (Object-Oriented Programming หรือ OOP) คือแนวคิดในการออกแบบโปรแกรมที่เน้นการแบ่งส่วนการทำงานเป็นวัตถุ (Objects) ซึ่งมีคุณสมบัติและพฤติกรรมของตัวมันเอง แนวคิดนี้ช่วยให้การพัฒนาโปรแกรมมีความยืดหยุ่นและง่ายต่อการจัดการ เป็นหลักการที่ได้รับความนิยมในการพัฒนาโปรแกรมสมัยใหม่ หนี่งในภาษาโปรแกรมที่รองรับ OOP ก็คือ JavaScript

Object ใน JavaScript

ใน JavaScript การสร้าง Object สามารถทำได้หลายวิธี หนึ่งวิธีที่ง่ายที่สุดคือการใช้ Object Literal Syntax ดังตัวอย่างต่อไปนี้:

const person = {
  name: 'Somchai',
  age: 30
};

จากตัวอย่าง จะเห็นว่า `person` เป็น Object ที่มีคุณสมบัติหรือ properties ได้แก่ `name` และ `age`

การสร้าง Method ใน Object

Method คือฟังก์ชันที่ถูกสร้างขึ้นเป็นส่วนหนึ่งของ Object สามารถใช้ในการกำหนดพฤติกรรมหรือการกระทำของ Object นั้น ๆ ได้ ใน JavaScript การสร้าง Method สามารถทำได้ง่ายโดยเพียงแค่เพิ่มฟังก์ชันเข้ามาใน Object ดังนี้:

const person = {
  name: 'Somchai',
  age: 30,
  greet: function() {
    console.log(`สวัสดีครับ ผมชื่อ ${this.name}`);
  }
};

ในตัวอย่างด้านบน เราได้สร้าง method ชื่อ `greet` ภายใน Object `person` ซึ่งเมื่อเรียกใช้ method นี้ จะพิมพ์คำว่า "สวัสดีครับ ผมชื่อ Somchai" ออกมาบน console โดยใช้ `this` เพื่ออ้างถึง property `name` ภายใน Object นั้นเอง

การใช้ `this` ใน Method

ใน JavaScript `this` มีบทบาทสำคัญในการอ้างถึง Object ที่ method นั้น ๆ เป็นส่วนหนึ่ง สิ่งสำคัญคือต้องเข้าใจว่าการใช้งาน `this` อาจมีความซับซ้อนเมื่อมีการเรียก method ในบริบทต่าง ๆ การเข้าใจการทำงานของ `this` จึงสำคัญอย่างยิ่งใน OOP

Usecase การใช้งาน Method

ลองพิจารณากรณีศึกษาที่อาจจะพบได้ในชีวิตจริง เช่น ในการบริหารจัดการรายชื่อพนักงานในบริษัท สมมุติว่าเราต้องการสร้างระบบเล็ก ๆ ที่สามารถเพิ่ม ข้อมูล เปลี่ยนแปลงข้อมูล หรือแสดงความคิดเห็นเกี่ยวกับพนักงาน เราอาจเริ่มด้วยการสร้าง Object ที่แทนข้อมูลพนักงานแต่ละคนได้ดังนี้:

const employee = {
  name: 'Somchai',
  position: 'Developer',
  salary: 50000,
  promote: function() {
    this.salary += 5000;
    console.log(`${this.name} ได้รับการเลื่อนขั้นแล้ว!`);
  },
  changePosition: function(newPosition) {
    this.position = newPosition;
    console.log(`${this.name} เปลี่ยนตำแหน่งเป็น ${this.position}`);
  }
};

ในตัวอย่างข้างต้น เราได้เพิ่ม method `promote` สำหรับเพิ่มเงินเดือน และ `changePosition` สำหรับการเปลี่ยนตำแหน่งของพนักงาน การใช้ OOP ช่วยให้เราสามารถจัดการและขยายฟังก์ชันการทำงานของ Employee ได้ง่ายขึ้น

ส่งท้าย

บทความนี้ได้นำเสนอภาพรวมของการใช้ OOP ใน JavaScript โดยเฉพาะการสร้าง method ภายใน Object การเข้าใจว่าเมธอดคืออะไรและวิธีการใช้สิ่งที่เรียกว่า `this` จะช่วยให้คุณสามารถสร้างโปรแกรมที่ยืดหยุ่นและได้ประสิทธิภาพมากยิ่งขึ้น แม้ว่า JavaScript อาจไม่ใช่ภาษาที่เริ่มต้นด้วยโครงสร้าง OOP แต่การนำแนวคิดนี้มาปรับใช้จะเป็นประโยชน์ท่ามกลางระบบที่ซับซ้อนในปัจจุบัน

หากคุณสนใจการเรียนรู้เพิ่มเติมเกี่ยวกับวิธีการเขียนโปรแกรมเชิงวัตถุ (OOP) รวมถึงเทคนิคการเขียนโค้ดอย่างมืออาชีพ EPT (Expert-Programming-Tutor) มีหลักสูตรที่จะช่วยขยายขอบเขตความรู้และทักษะด้านการเขียนโปรแกรมของคุณให้มากยิ่งขึ้น เพราะว่าในการเรียนการสอนที่ดีนั้น การทดลองและลงมือทำจริงเป็นสิ่งที่ขาดไม่ได้!

หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง

หากเจอข้อผิดพลาด หรือต้องการพูดคุย ติดต่อได้ที่ https://m.me/expert.Programming.Tutor/