JavaScript Object Methods
ตัวอย่าง
const person = {
firstName: "John",
lastName: "Doe",
id: 5566,
fullName: function() {
return this.firstName + " " +
this.lastName;
}
};
คีย์เวิร์ดนี้ _
ในนิยามฟังก์ชันthis
หมายถึง "เจ้าของ" ของฟังก์ชัน
ในตัวอย่างข้างต้นthis
เป็นวัตถุบุคคลที่ "เป็นเจ้าของ"
ฟังก์ชันfullName
กล่าวอีกนัยหนึ่งthis.firstNameหมายถึงคุณสมบัติfirstName ของ อ็อบเจกต์นี้
อ่านเพิ่มเติมเกี่ยวกับthis
คำหลักที่JS คำหลักนี้
วิธีจาวาสคริปต์
เมธอด JavaScript คือการกระทำที่สามารถทำได้บนอ็อบเจ็กต์
เมธอด JavaScript เป็นคุณสมบัติที่มีนิยามฟังก์ชัน
คุณสมบัติ | ค่า |
---|---|
ชื่อจริง | จอห์น |
นามสกุล | โด่ |
อายุ | 50 |
สีตา | สีฟ้า |
ชื่อเต็ม | function() {ส่งคืน this.firstName + " " + this.lastName;} |
เมธอดคือฟังก์ชันที่เก็บไว้เป็นคุณสมบัติของอ็อบเจ็กต์
การเข้าถึงวิธีการอ็อบเจ็กต์
คุณเข้าถึงวิธีการอ็อบเจ็กต์ด้วยไวยากรณ์ต่อไปนี้:
objectName.methodName()
โดยทั่วไป คุณจะอธิบาย fullName() เป็นวิธีการของวัตถุบุคคล และ fullName เป็นคุณสมบัติ
คุณสมบัติ fullName จะดำเนินการ (เป็นฟังก์ชัน) เมื่อเรียกใช้ด้วย ()
ตัวอย่างนี้เข้าถึง เมธอด fullName() ของวัตถุบุคคล:
ตัวอย่าง
name = person.fullName();
หากคุณเข้าถึง คุณสมบัติ fullName โดยไม่มี () ฟังก์ชันจะส่งคืนนิยามฟังก์ชัน :
ตัวอย่าง
name = person.fullName;
การเพิ่มวิธีการให้กับวัตถุ
การเพิ่มวิธีการใหม่ให้กับวัตถุนั้นง่ายมาก:
ตัวอย่าง
person.name = function () {
return this.firstName + " " + this.lastName;
};
ใช้วิธีการในตัว
ตัวอย่างนี้ใช้toUpperCase()
เมธอดของอ็อบเจ็กต์ String เพื่อแปลงข้อความเป็นตัวพิมพ์ใหญ่:
let message = "Hello world!";
let x = message.toUpperCase();
ค่าของ x หลังจากรันโค้ดด้านบนจะเป็น:
HELLO WORLD!
ตัวอย่าง
person.name = function () {
return (this.firstName + " " + this.lastName).toUpperCase();
};