Contoh:
<!DOCTYPE html> <html> <body> <h2>JavaScript Keyword <i>this</i></h2> <p>Pada Contoh ini, <b>this</b> merepresentasikan objek <b>person</b>.</p> <p> Karena objek person "memiliki" method fullName. </p> <p id="demo"></p> <script> // Create an object: var person = { firstName: "John", lastName : "Doe", id : 5566, fullName : function() { return this.firstName + " " + this.lastName; } }; // Display data from the object: document.getElementById("demo").innerHTML = person.fullName(); </script> </body> </html>
Section Artikel
Keyword this
Dalam definisi fungsi, this mengacu pada “pemilik” fungsi.
Dalam contoh di atas, this adalah objek person yang “memiliki” fungsi fullName.
Dengan kata lain, this.firstName berarti properti firstName dari objek this.
Method JavaScript
Method JavaScript adalah tindakan yang dapat dilakukan pada objek.
Method JavaScript adalah properti yang berisi definisi fungsi.
| Properti | Value |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| eyeColor | blue |
| fullName | function() {return this.firstName + ” ” + this.lastName;} |
Metohd adalah fungsi yang disimpan sebagai properti objek.
Mengakses Method Objek
Kita dapat mengakses method objek dengan sintaks berikut:
objectName.methodName()
Biasanya kita akan mendeskripsikan fullName() sebagai method objek person, dan fullName sebagai properti.
Properti fullName akan dieksekusi (sebagai fungsi) ketika dipanggil dengan ().
Contoh ini menunjukan cara mengakses method fullName() dari objek person.
Contoh:
<!DOCTYPE html>
<html>
<body>
<p> Membuat dan menggunakan method objek. </p>
<p> Method sebenarnya adalah definisi fungsi yang disimpan sebagai nilai properti. </p>
<p id="demo"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo").innerHTML = person.fullName();
</script>
</body>
</html>
Jika kita mengakses properti fullName, tanpa(),maka hal ini akan mengembalikan definisi fungsi, sebagai berikut:
<!DOCTYPE html>
<html>
<body>
<p> Method objek adalah definisi fungsi yang disimpan sebagai nilai properti. </p>
<p> Jika Anda mengaksesnya tanpa (), ini akan mengembalikan definisi fungsi: </p>
<p id="demo"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
document.getElementById("demo").innerHTML = person.fullName;
</script>
</body>
</html>
Menggunakan Metode Bawaan
Contoh ini menggunakan methode toUpperCase() dari objek String, untuk mengonversi teks menjadi huruf besar:
var message = "Hello world!"; var x = message.toUpperCase();
Nilai x, setelah eksekusi kode di atas akan menjadi:
| HELLO WORLD! |
Menambahkan Method ke Objek
Menambahkan method baru ke objek sanagat mudah, caranya akan ditunjukan pada contoh dibawah ini.
Contoh
<!DOCTYPE html>
<html>
<body>
<p id="demo"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566,
};
person.name = function() {
return this.firstName + " " + this.lastName;
};
document.getElementById("demo").innerHTML =
"My father is " + person.name();
</script>
</body>
</html>
