การดำเนินการกับวัตถุในฟังก์ชันใน JavaScript

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

สมมติว่าเรามีวัตถุ:

javascriptlet obj = {a: 1, b: 2, c: 3};

สร้าง Symbol:

javascriptlet sym = Symbol();

เขียนฟังก์ชัน:

javascriptobj[sym] = function() {
  
};

ในฟังก์ชันที่ผูกไว้กับวัตถุ this จะชี้ไปที่ วัตถุเอง:

javascriptobj[sym] = function() {
  console.log(this); // {a: 1, b: 2, c: 3}
};

เรามาหาผลรวมขององค์ประกอบวัตถุด้วยฟังก์ชันของเรา:

javascriptobj[sym] = function() {
  let sum = 0;
  
  for (let key in this) {
    sum += this[key];
  }
  
  return sum;
};

เรียกใช้ฟังก์ชันของเราเพื่อรับ ผลรวมขององค์ประกอบวัตถุ:

javascriptlet sum = obj[sym]();
console.log(sum); // จะแสดง 6

javascriptlet arr = [1, 2, 3];