Day / Days of Code：透過運動探索 Getter 和 Setter

2024 年 9 月 3 日星期二

大家好！ ？

今天，我包裝了 JavaScript 對象，專注於 getter 和 setter。為了讓事情變得有趣，我為菲尼克斯太陽隊創建了一個簡單的運動隊伍物件。快來看看吧！

我先定義了一個具有兩個主要屬性的團隊物件：_players 和 _games。下劃線是一種約定，表示這些屬性是私有的。

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}
  ]
};

為了訪問玩家和遊戲，我使用了 getter。 Getters 是允許我們讀取屬性值而無需直接存取它們的方法。這可以保證我們的數據被封裝並免受意外更改：

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

這些 getter 可用於檢索和記錄玩家和遊戲：

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

接下來，我們希望能夠為球隊增加新的球員和遊戲。為此，我使用方法而不是設定器。方法允許我們執行特定的操作，例如添加新項目，而無需替換整個數組：

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);
}

為了測試它，我新增了一個新玩家並記錄了更新的玩家清單：

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

這個練習是理解 JavaScript 中 getter 和 setter 如何運作的好方法。它們提供了一種乾淨有效的方法來管理物件內的資料。另外，與運動團隊合作更有趣！

我懷念上一份工作的一個細節是，作為數位票務服務提供商，辦公室周圍有電視轉播的體育賽事。這增進了同事之間的友誼和玩笑，使工作環境變得活躍和有趣。令人驚訝的是，無論是在辦公室還是在程式碼中，運動都能將人們聚集在一起！

請繼續關注我的編碼之旅的更多更新。下次見，祝您編碼愉快！ ？

以上是Day / Days of Code：透過運動探索 Getter 和 Setter的詳細內容。更多資訊請關注PHP中文網其他相關文章！