Dalam tutorial ini, Anda akan belajar tentang metode objek JavaScript dan kata kunci ini dengan bantuan contoh.
Dalam JavaScript, objek juga bisa berisi fungsi. Sebagai contoh,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
Dalam contoh di atas, sebuah personobjek memiliki dua kunci ( namedan greet), yang masing-masing memiliki nilai string dan nilai fungsi.
Karenanya pada dasarnya, metode JavaScript adalah properti objek yang memiliki nilai fungsi.
Mengakses Metode Objek
Anda dapat mengakses metode objek menggunakan notasi titik. Sintaksnya adalah:
objectName.methodKey()
Anda dapat mengakses properti dengan memanggil objectName dan kunci . Anda bisa mengakses metode dengan memanggil objectName dan kunci untuk metode itu bersama (). Sebagai contoh,
// accessing method and property const person = ( name: 'John', greet: function() ( console.log('hello'); ) ); // accessing property person.name; // John // accessing method person.greet(); // hello
Di sini, greetmetode diakses sebagai person.greet()pengganti person.greet.
Jika Anda mencoba mengakses metode hanya dengan person.greet, itu akan memberi Anda definisi fungsi.
person.greet; // ƒ () ( console.log('hello'); )
Metode Bawaan JavaScript
Di JavaScript, ada banyak metode bawaan. Sebagai contoh,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Di sini, parseInt()metode objek Angka digunakan untuk mengubah nilai string numerik menjadi nilai integer.
Untuk mempelajari lebih lanjut tentang metode built-in, kunjungi JavaScript Built-In Methods.
Menambahkan Metode ke Objek JavaScript
Anda juga dapat menambahkan metode pada sebuah objek. Sebagai contoh,
// creating an object let student = ( ); // adding a property student.name = 'John'; // adding a method student.greet = function() ( console.log('hello'); ) // accessing a method student.greet(); // hello
Dalam contoh di atas, sebuah studentobjek kosong dibuat. Kemudian, nameproperti ditambahkan. Demikian pula, greetmetode juga ditambahkan. Dengan cara ini, Anda bisa menambahkan metode serta properti ke objek.
JavaScript Kata Kunci ini
Untuk mengakses properti suatu objek dari dalam metode objek yang sama, Anda perlu menggunakan thiskata kunci. Mari pertimbangkan sebuah contoh.
const person = ( name: 'John', age: 30, // accessing name property by using this.name greet: function() ( console.log('The name is' + ' ' + this.name); ) ); person.greet();
Keluaran
Namanya John
Dalam contoh di atas, sebuah personobjek dibuat. Ini berisi properti ( namedan age) dan metode greet.
Dalam metode ini greet, saat mengakses properti suatu objek, thiskata kunci digunakan.
Untuk mengakses properti suatu objek, thiskata kunci digunakan setelah .dan kunci .
Catatan : Dalam JavaScript, thiskata kunci saat digunakan dengan metode objek mengacu pada objek. thisterikat pada suatu objek.
Namun, fungsi di dalam suatu objek dapat mengakses variabelnya dengan cara yang sama seperti fungsi normal. Sebagai contoh,
const person = ( name: 'John', age: 30, greet: function() ( let surname = 'Doe'; console.log('The name is' + ' ' + this.name + ' ' + surname); ) ); person.greet();
Keluaran
Namanya John Doe
