Hari / Hari Kod: Meneroka Getters dan Setters dengan Sukan

王林
Lepaskan: 2024-09-05 08:30:32
asal
1101 orang telah melayarinya

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}
  ]
};
Salin selepas log masuk

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;
}
Salin selepas log masuk

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

console.log(team.players);
console.log(team.games);
Salin selepas log masuk

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);
}
Salin selepas log masuk

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

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

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!

sumber:dev.to
Kenyataan Laman Web ini
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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan