Manipulasi Objek dalam Kelas dalam OOP dalam JavaScript

Kelas sebagai parameter kaedah boleh menerima objek dari kelas lain dan memanipulasi objek tersebut. Mari kita lihat contoh. Katakan kita mempunyai kelas berikut:

javascriptclass User {
  #name;
  
  constructor(name) {
    this.#name = name;
  }
  getName() {
    return this.#name;
  }
}

Katakan kita ingin membuat kelas, yang akan memanipulasi set objek pengguna:

javascriptclass UsersCollection {
  
}

Kita akan menyimpan objek pengguna dalam bentuk array dalam sifat persendirian:

javascriptclass UsersCollection {
  #users;
  
  constructor() {
    this.#users = [];
  }
}

Mari buat kaedah untuk menambah pengguna baru ke dalam array:

javascriptclass UsersCollection {
  #users;
  
  constructor() {
    this.#users = [];
  }
  add(user) {
    this.#users.push(user);
  }
}

Sekarang mari buat kaedah yang akan mencetak nama semua pengguna ke konsol:

javascriptclass UsersCollection {
  #users;
  
  constructor() {
    this.#users = [];
  }
  add(user) {
    this.#users.push(user);
  }
  show() {
    for (let user of this.#users) {
      console.log(user.getName());
    }
  }
}

Mari lihat kerja kelas kita. Pertama, mari buat objeknya:

javascriptlet uc = new UsersCollection;

Sekarang tambahkan beberapa pengguna ke dalam koleksi kita:

javascriptuc.add(new User('john'));
uc.add(new User('eric'));
uc.add(new User('kyle'));

Sekarang panggil kaedah yang akan mencetak nama semua pengguna ke konsol:

javascriptuc.show();