Pengambil dan Pengatur JavaScript (dengan Contoh)

Dalam tutorial ini, anda akan belajar mengenai kaedah mendapatkan dan mengatur penyusun JavaScript dengan bantuan contoh.

Dalam JavaScript, terdapat dua jenis sifat objek:

  • Sifat data
  • Sifat aksesor

Harta Data

Berikut adalah contoh harta data yang telah kami gunakan dalam tutorial sebelumnya.

 const student = ( // data property firstName: 'Monica'; );

Harta Aksesor

Dalam JavaScript, sifat aksesor adalah kaedah yang mendapatkan atau menetapkan nilai objek. Untuk itu, kami menggunakan dua kata kunci berikut:

  • get - untuk menentukan kaedah mendapatkan untuk mendapatkan nilai harta tanah
  • set - untuk menentukan kaedah setter untuk menetapkan nilai harta tanah

Penerima JavaScript

Dalam JavaScript, kaedah mendapatkan digunakan untuk mengakses sifat objek. Sebagai contoh,

 const student = ( // data property firstName: 'Monica', // accessor property(getter) get getName() ( return this.firstName; ) ); // accessing data property console.log(student.firstName); // Monica // accessing getter methods console.log(student.getName); // Monica // trying to access as a method console.log(student.getName()); // error

Dalam program di atas, kaedah mendapatkan getName()dibuat untuk mengakses harta benda.

 get getName() ( return this.firstName; )

Catatan: Untuk membuat kaedah mendapatkan, getkata kunci digunakan.

Dan juga ketika mengakses nilai, kita mengakses nilai sebagai harta.

 student.getName;

Apabila anda cuba mengakses nilai sebagai kaedah, ralat berlaku.

 console.log(student.getName()); // error

Penyusun JavaScript

Dalam JavaScript, kaedah setter digunakan untuk mengubah nilai objek. Sebagai contoh,

 const student = ( firstName: 'Monica', //accessor property(setter) set changeName(newName) ( this.firstName = newName; ) ); console.log(student.firstName); // Monica // change(set) object property using a setter student.changeName = 'Sarah'; console.log(student.firstName); // Sarah

Dalam contoh di atas, kaedah setter digunakan untuk mengubah nilai objek.

 set changeName(newName) ( this.firstName = newName; )

Catatan: Untuk membuat kaedah setter, setkata kunci digunakan.

Seperti yang ditunjukkan dalam program di atas, nilai firstNameadalah Monica.

Kemudian nilainya ditukar menjadi Sarah.

 student.chageName = 'Sarah';

Catatan : Pengatur mesti mempunyai satu parameter formal.

Objek JavaScript.defineProperty ()

Dalam JavaScript, anda juga dapat menggunakan Object.defineProperty()kaedah untuk menambahkan getter dan setter. Sebagai contoh,

 const student = ( firstName: 'Monica' ) // getting property Object.defineProperty(student, "getName", ( get : function () ( return this.firstName; ) )); // setting property Object.defineProperty(student, "changeName", ( set : function (value) ( this.firstName = value; ) )); console.log(student.firstName); // Monica // changing the property value student.changeName = 'Sarah'; console.log(student.firstName); // Sarah

Dalam contoh di atas, Object.defineProperty()digunakan untuk mengakses dan menukar harta benda.

Sintaks untuk digunakan Object.defineProperty()adalah:

 Object.defineProperty(obj, prop, descriptor)

The Object.defineProperty()Cara mengambil masa tiga hujah.

  • Argumen pertama ialah objekName.
  • Hujah kedua ialah nama harta tanah.
  • Hujah ketiga adalah objek yang menerangkan harta.

Artikel menarik...