Объектҳои манипулятсиякунӣ дар классҳо дар ООП дар JavaScript

Классҳо метавонанд объектҳои дигар классҳоро ҳамчун параметрҳои усулҳо қабул кунанд ва ин объектҳоро идора кунанд. Биёед ба мисол нигарем. Фарз мекунем, ки мо классҳои зеринро дорем:

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

Фарз мекунем, ки мо қарор додем, ки як классе созем, ки маҷмӯи объектҳои корбаронро идора мекунад:

javascriptclass UsersCollection {
  
}

Мо объектҳои корбаронро ҳамчун массив дар хосияти хусусӣ нигоҳ медорем:

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

Як усуле барои илова кардани корбари нав ба массив созем:

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

Ва ҳоло як усуле созем, ки номҳои ҳамаи корбаронро ба консол чоп мекунад:

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

Биёед ба кори класси худ назар андозем. Аввалан объекти онро эҷод мекунем:

javascriptlet uc = new UsersCollection;

Ҳоло ба коллексияи мо чанд корбаро илова мекунем:

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

Ва ҳоло усулеро даъват мекунем, ки номҳои ҳамаи корбаронро ба консол чоп мекунад:

javascriptuc.show();