Pola method chaining

Termasuk bagian Pemrograman Berorientasi Objek dalam perjalanan JavaScript di Coddy. Pelajaran 16 dari 56.

Method chaining adalah pola pemrograman yang memungkinkan kamu memanggil beberapa method pada object yang sama dalam satu pernyataan. Setiap method mengembalikan object itu sendiri (this), sehingga kamu dapat memanggil method berikutnya pada baris yang sama.

Buat object penghitung sederhana:

const counter = {
  count: 0,
  
  increment() {
    this.count++;
    return this;
  },
  
  decrement() {
    this.count--;
    return this;
  },
  
  getValue() {
    return this.count;
  }
};

Sekarang kamu bisa merangkai beberapa method:

// Rangkaikan beberapa operasi
counter.increment().increment().decrement();

// Hitungannya sekarang 1
console.log(counter.getValue()); // output: 1

Kunci dari method chaining adalah mengembalikan this dari setiap method yang ingin kamu rangkai.

Tantangan

Kamu diberi object kalkulator yang sudah memiliki method add() dan subtract(). Tugasmu adalah menambahkan method multiply dan divide yang mengembalikan this agar method dapat dirangkai.

Coba sendiri

import { calculator } from './calculator.js';

// Kode pengujian, jangan diubah
const result1 = calculator.add(10).multiply(2).getValue();
console.log(result1); // Seharusnya menghasilkan output 20

// Atur ulang untuk pengujian kedua
calculator.value = 0;
const result2 = calculator.add(20).divide(4).subtract(1).getValue();
console.log(result2); // Seharusnya menghasilkan output 4