Rumah >hujung hadapan web >tutorial js >Hari / Hari Kod: Meneroka Getters dan Setters dengan Sukan

Hari / Hari Kod: Meneroka Getters dan Setters dengan Sukan

王林
王林asal
2024-09-05 08:30:321132semak imbas

Day /  Days of Code: Exploring Getters and Setters with Sports

Selasa, 3 September 2024

Hei semua! ?

Hari ini, saya melengkapkan objek JavaScript, memfokuskan pada getter dan setter. Untuk memastikan perkara yang menarik, saya mencipta objek pasukan sukan yang ringkas untuk Phoenix Suns. Jom tengok!

Saya bermula dengan mentakrifkan objek pasukan dengan dua sifat utama: _players dan _games. Garis bawah ialah konvensyen untuk menunjukkan bahawa hartanah ini dimaksudkan untuk peribadi.

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

Untuk mengakses pemain dan permainan, saya menggunakan getter. Getters ialah kaedah yang membolehkan kita membaca nilai hartanah tanpa mengaksesnya secara langsung. Ini memastikan data kami dikemaskan dan selamat daripada perubahan yang tidak diingini:

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

Pendapat ini boleh digunakan untuk mendapatkan semula dan log pemain dan permainan:

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

Seterusnya, kami mahu dapat menambah pemain dan permainan baharu kepada pasukan. Untuk ini, saya menggunakan kaedah dan bukannya penetap. Kaedah membolehkan kami melakukan tindakan tertentu, seperti menambah item baharu, tanpa menggantikan keseluruhan tatasusunan:

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

Untuk mengujinya, saya menambah pemain baharu dan melog senarai pemain yang dikemas kini:

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

Latihan ini ialah cara yang bagus untuk memahami cara getter dan setter berfungsi dalam JavaScript. Mereka menyediakan cara yang bersih dan cekap untuk mengurus data dalam objek. Selain itu, bekerja dengan pasukan sukan menjadikannya lebih menyeronokkan!

Satu perincian yang saya rindui tentang pekerjaan terakhir saya ialah sebagai penyedia perkhidmatan tiket digital, terdapat sukan televisyen di sekitar pejabat. Ini meningkatkan kemesraan dan gurauan sesama rakan sekerja, menjadikan persekitaran kerja meriah dan menarik. Sungguh mengagumkan cara sukan dapat menyatukan orang ramai, di pejabat dan dalam kod!

Nantikan lebih banyak kemas kini tentang perjalanan pengekodan saya. Sehingga lain kali, selamat mengekod! ?

Atas ialah kandungan terperinci Hari / Hari Kod: Meneroka Getters dan Setters dengan Sukan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn