Getters för imaginära egenskaper i OOP i JavaScript

Med hjälp av accessors kan man skapa imaginära egenskaper, som faktiskt inte finns i objektet. Låt oss titta på ett exempel. Låt oss säga att vi har en klass med två publika egenskaper:

javascriptclass User {
  constructor(name, surn) {
    this.name = name;
    this.surn = surn;
  }
}

Låt oss skapa en tredje egenskap, som kommer att innehålla förnamn och efternamn. Låt oss skapa en accessor-egenskap för detta:

javascriptclass User {
  constructor(name, surn) {
    this.name = name;
    this.surn = surn;
  }
  
  get full() {
    return this.name + ' ' + this.surn;
  }
}

Låt oss testa. Vi skapar ett objekt av klassen, och skickar in förnamn och efternamn som parametrar:

javascriptlet user = new User('john', 'smit');

Låt oss skriva ut värdena på de publika egenskaperna:

javascriptconsole.log(user.name); // 'john'
console.log(user.surn); // 'smit'

Och nu skriver vi ut värdet på vår imaginära egenskap:

javascriptconsole.log(user.full); // 'john smit'