Metode Objek JavaScript
Contoh
const person = {
firstName: "John",
lastName: "Doe",
id: 5566,
fullName: function() {
return this.firstName + " " +
this.lastName;
}
};
Kata Kunci ini
Dalam definisi fungsi, thismengacu pada "pemilik" fungsi.
Pada contoh di atas, thisadalah objek person yang "memiliki"
fungsi fullName .
Dengan kata lain, this.firstName berarti properti firstName dari objek ini .
Baca lebih lanjut tentang thiskata kunci di JS Kata Kunci ini .
Metode JavaScript
Metode JavaScript adalah tindakan yang dapat dilakukan pada objek.
Metode JavaScript adalah properti yang berisi definisi fungsi .
| Properti | Nilai |
|---|---|
| nama depan | John |
| nama keluarga | Kelinci betina |
| usia | 50 |
| warna mata | biru |
| nama lengkap | function() {kembalikan this.firstName + " " + this.lastName;} |
Metode adalah fungsi yang disimpan sebagai properti objek.
Mengakses Metode Objek
Anda mengakses metode objek dengan sintaks berikut:
objectName.methodName()
Anda biasanya akan mendeskripsikan fullName() sebagai metode objek person, dan fullName sebagai properti.
Properti fullName akan dieksekusi (sebagai fungsi) ketika dipanggil dengan ().
Contoh ini mengakses metode fullName() dari objek orang:
Contoh
name = person.fullName();
Jika Anda mengakses properti fullName , tanpa (), itu akan mengembalikan definisi fungsi :
Contoh
name = person.fullName;
Menambahkan Metode ke Objek
Menambahkan metode baru ke objek itu mudah:
Contoh
person.name = function () {
return this.firstName + " " + this.lastName;
};
Menggunakan Metode Bawaan
Contoh ini menggunakan toUpperCase()metode objek String, untuk mengonversi teks menjadi huruf besar:
let message = "Hello world!";
let x = message.toUpperCase();
Nilai x, setelah eksekusi kode di atas akan menjadi:
HELLO WORLD!
Contoh
person.name = function () {
return (this.firstName + " " + this.lastName).toUpperCase();
};