Day / Days of Code: 스포츠를 통한 Getter 및 Setter 탐색

2024년 9월 3일(화)

안녕하세요 여러분! ?

오늘은 getter와 setter를 중심으로 JavaScript 객체를 마무리했습니다. 흥미를 유지하기 위해 Phoenix Suns를 위한 간단한 스포츠 팀 개체를 만들었습니다. 한번 살펴보세요!

저는 _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를 사용했습니다. Getter는 속성에 직접 액세스하지 않고도 속성 값을 읽을 수 있게 해주는 메서드입니다. 이렇게 하면 데이터가 캡슐화되어 의도하지 않은 변경으로부터 안전하게 유지됩니다.

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

이 getter는 플레이어와 게임을 검색하고 기록하는 데 사용할 수 있습니다.

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

다음으로 팀에 새로운 플레이어와 게임을 추가할 수 있기를 바랍니다. 이를 위해 setter 대신 메소드를 사용했습니다. 메소드를 사용하면 전체 배열을 교체하지 않고도 새 항목 추가와 같은 특정 작업을 수행할 수 있습니다.

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!