Tag/Tage des Codes: Getter und Setter mit Sport erkunden

Dienstag, 3. September 2024

Hallo zusammen! ?

Heute habe ich JavaScript-Objekte zusammengefasst und mich dabei auf Getter und Setter konzentriert. Um es interessant zu halten, habe ich ein einfaches Sportmannschaftsobjekt für die Phoenix Suns erstellt. Schauen wir mal rein!

Ich begann mit der Definition eines Teamobjekts mit zwei Haupteigenschaften: _players und _games. Der Unterstrich ist eine Konvention, die angibt, dass diese Eigenschaften privat sein sollen.

const team = {
  _players: [
    {firstname: 'Devin', lastname: 'Booker', age: 27},
    {firstname: 'Kevin', lastname: 'Durant', age: 35},
    {firstname: 'Bradley', lastname: 'Beal', age: 31}
  ],
  _games: [
    {opponent: 'Lakers', teampoints: 106, opponentpoints: 99},
    {opponent: 'Pistons', teampoints: 120, opponentpoints: 102},
    {opponent: 'Nuggets', teampoints: 105, opponentpoints: 104}
  ]
};

Um auf die Spieler und Spiele zuzugreifen, habe ich Getter verwendet. Getter sind Methoden, die es uns ermöglichen, die Werte von Eigenschaften zu lesen, ohne direkt auf sie zuzugreifen. Dadurch bleiben unsere Daten gekapselt und vor unbeabsichtigten Änderungen geschützt:

get players() {
  return this._players;
},
get games() {
  return this._games;
}

Mit diesen Gettern können die Spieler und Spiele abgerufen und protokolliert werden:

console.log(team.players);
console.log(team.games);

Als nächstes möchten wir dem Team neue Spieler und Spiele hinzufügen können. Dafür habe ich Methoden anstelle von Settern verwendet. Mithilfe von Methoden können wir bestimmte Aktionen ausführen, beispielsweise das Hinzufügen neuer Elemente, ohne das gesamte Array zu ersetzen:

addplayer(newfirstname, newlastname, newage) {
  let player = {firstname: newfirstname, lastname: newlastname, age: newage};
  this._players.push(player);
},
addgame(newopponent, newteampoints, newopponentpoints) {
  let game = {opponent: newopponent, teampoints: newteampoints, opponentpoints: newopponentpoints};
  this._games.push(game);
}

Um es auszuprobieren, habe ich einen neuen Spieler hinzugefügt und die aktualisierte Spielerliste protokolliert:

team.addplayer('Grayson', 'Allen', 29);
console.log(team.players);

Diese Übung war eine großartige Möglichkeit zu verstehen, wie Getter und Setter in JavaScript funktionieren. Sie bieten eine saubere und effiziente Möglichkeit, Daten innerhalb von Objekten zu verwalten. Außerdem hat die Arbeit mit einer Sportmannschaft mehr Spaß gemacht!

Ein Detail, das ich an meinem letzten Job vermisse, ist, dass es als digitaler Ticketing-Dienstleister im Büro Sportübertragungen gab. Dies steigerte die Kameradschaft und den Scherz unter den Kollegen und machte das Arbeitsumfeld lebendig und ansprechend. Es ist erstaunlich, wie Sport Menschen zusammenbringen kann, sowohl im Büro als auch im Code!

Bleiben Sie dran für weitere Updates zu meiner Codierungsreise. Bis zum nächsten Mal, viel Spaß beim Codieren! ?

Das obige ist der detaillierte Inhalt vonTag/Tage des Codes: Getter und Setter mit Sport erkunden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!