Maison >interface Web >js tutoriel >Jour/Jours de Code : Explorer les Getters et les Setters avec le sport
Mardi 3 septembre 2024
Salut tout le monde ! ?
Aujourd'hui, j'ai terminé les objets JavaScript, en me concentrant sur les getters et les setters. Pour garder les choses intéressantes, j'ai créé un objet simple d'équipe sportive pour les Phoenix Suns. Jetons un coup d'oeil !
J'ai commencé par définir un objet équipe avec deux propriétés principales : _players et _games. Le trait de soulignement est une convention pour indiquer que ces propriétés sont censées être privées.
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} ] };
Pour accéder aux joueurs et aux jeux, j'ai utilisé des getters. Les getters sont des méthodes qui nous permettent de lire les valeurs des propriétés sans y accéder directement. Cela maintient nos données encapsulées et à l'abri de modifications involontaires :
get players() { return this._players; }, get games() { return this._games; }
Ces getters peuvent être utilisés pour récupérer et enregistrer les joueurs et les jeux :
console.log(team.players); console.log(team.games);
Ensuite, nous voulons pouvoir ajouter de nouveaux joueurs et jeux à l'équipe. Pour cela, j'ai utilisé des méthodes au lieu de setters. Les méthodes nous permettent d'effectuer des actions spécifiques, comme ajouter de nouveaux éléments, sans remplacer l'intégralité du tableau :
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); }
Pour le tester, j'ai ajouté un nouveau joueur et enregistré la liste mise à jour des joueurs :
team.addplayer('Grayson', 'Allen', 29); console.log(team.players);
Cet exercice était un excellent moyen de comprendre comment fonctionnent les getters et les setters en JavaScript. Ils offrent un moyen propre et efficace de gérer les données au sein des objets. De plus, travailler avec une équipe sportive rendait les choses plus amusantes !
Un détail qui me manque dans mon dernier emploi est qu'en tant que fournisseur de services de billetterie numérique, il y avait des sports télévisés dans le bureau. Cela a accru la camaraderie et les plaisanteries entre collègues, rendant l’environnement de travail vivant et engageant. C'est incroyable à quel point le sport peut rassembler les gens, aussi bien au bureau que dans le code !
Restez à l'écoute pour plus de mises à jour sur mon parcours de codage. En attendant la prochaine fois, bon codage ! ?
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!