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中文网其他相关文章！