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 tanahset
- 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, get
kata 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, set
kata kunci digunakan.
Seperti yang ditunjukkan dalam program di atas, nilai firstName
adalah 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.