Dalam tutorial ini, anda akan belajar mengenai kaedah objek JavaScript dan kata kunci ini dengan bantuan contoh.
Dalam JavaScript, objek juga boleh mengandungi fungsi. Sebagai contoh,
// object containing method const person = ( name: 'John', greet: function() ( console.log('hello'); ) );
Dalam contoh di atas, personobjek mempunyai dua kunci ( namedan greet), yang masing-masing mempunyai nilai rentetan dan nilai fungsi.
Oleh itu pada asasnya, kaedah JavaScript adalah sifat objek yang mempunyai nilai fungsi.
Mengakses Kaedah Objek
Anda boleh mengakses kaedah objek menggunakan notasi titik. Sintaksnya adalah:
objectName.methodKey()
Anda boleh mengakses harta benda dengan memanggil objekName dan kunci . Anda boleh mengakses kaedah dengan memanggil objekName dan kunci untuk kaedah itu bersama dengan (). 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, greetkaedah ini diakses sebagai person.greet()ganti person.greet.
Sekiranya anda mencuba untuk mengakses kaedah hanya person.greet, ini akan memberi anda definisi fungsi.
person.greet; // ƒ () ( console.log('hello'); )
Kaedah Built-In JavaScript
Dalam JavaScript, terdapat banyak kaedah terbina dalam. Sebagai contoh,
let number = '23.32'; let result = parseInt(number); console.log(result); // 23
Di sini, parseInt()kaedah objek Nombor digunakan untuk menukar nilai rentetan numerik menjadi nilai integer.
Untuk mengetahui lebih lanjut mengenai kaedah terbina dalam, kunjungi Kaedah Built-In JavaScript.
Menambah Kaedah ke Objek JavaScript
Anda juga boleh menambahkan kaedah dalam 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, studentobjek kosong dibuat. Kemudian, nameharta itu ditambah. Begitu juga greetkaedahnya ditambah. Dengan cara ini, anda boleh menambahkan kaedah dan juga harta benda pada objek.
JavaScript Kata Kunci ini
Untuk mengakses harta benda dari dalam kaedah objek yang sama, anda perlu menggunakan thiskata kunci. Mari kita pertimbangkan satu 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();
Pengeluaran
Namanya John
Dalam contoh di atas, personobjek dibuat. Ia mengandungi sifat ( namedan age) dan kaedah greet.
Dalam kaedah tersebut greet, semasa mengakses harta benda, thiskata kunci digunakan.
Untuk mengakses sifat objek, thiskata kunci digunakan diikuti oleh .dan kunci .
Catatan : Dalam JavaScript, thiskata kunci ketika digunakan dengan kaedah objek merujuk pada objek. thisterikat pada objek.
Namun, fungsi di dalam objek dapat mengaksesnya berubah-ubah 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();
Pengeluaran
Namanya John Doe
