Skip to content Skip to sidebar Skip to footer

4 Cara Pemanggilan dan Penggunaan (this) Pada Javascript

This pada javascript
Pada artikel yang singkat ini kita akan mempelajari javascript dalam kasus yang cukup membuat bingung untuk saya atau mungkin anda sendiri. Yakni study kasus kali ini saya akan apa itu this pada javascript?

This dalam javascript berbeda dengan this dalam bahasa pemrograman lain, yakni this dalam javascript  memiliki kegunaan yang berbeda-beda tergantung cara memanggilnya. Nah buat kalian, perlu diketahui ada 4 macam cara memanggil keyword this pada javascript. Apa aja ya ? yok, langsung simak sajian berikut ini.



4 Cara PemanggilanThis Pada Javascript


1. The Global Escape

this
Cara pemanggilan this ini merefer pada global objek, jadi apabila anda menggunakan browser digital maka window browser sebagai global objectnya. Begitupun apabila anda menggunakan node.js maka this akan merujuk global objek pada node.js



2. Method

Contoh method : inisialisasi dalam sebuah object sebagai berikut.
var objek  = {};

 objek.inimethod = function(){
 
   return this;
 
 }
 //memanggil method
 
 iniobject.inimethod();
Dengan cara pemanggilan this diatas menggunakan method pada javascript, this akan merujuk pada sebuah objek 'objek'  bersama property yang ada didalamnya.


3. Fungsi

Apa perbedaan fungsi dengan method?
Fungsi - Merupakan sub program atau code independent yang dapat dipanggil pada bagian lain. Pelajari lebih lanjut function pada javascript
Method - Merupakan fungsi yang terikat didalam objek atau gambaran lebih mudahnya ialah class dalam java.

Contoh cara penggunaan this dengan fungsi.
function hardifal(){

 this.fungsi1 = "hardifalcom1";

 this.fungsi2 = "hardifalcom2";

}



//memanggil fungsi

hardifal();

Apabila fungsi yang kedua dipanggil maka akan menset pada variabel fungsi1 atau fungsi2 masing-masing sebagai global variabel. Juga, this akan tetap merujuk pada global objek.


4. Consctructor

//Deklarasi fungsi

 function Orang(nama, usia, gender){
 
   this.nama = nama;
 
   this.usia = usia;
 
   this.gender = gender;
 
   this.panggilId = function(){
 
  return 'Nama saya '+this.nama+
 
  '\nusia '+this.usia+
 
  '\njenis kelamin '+this.gender;
 
    }
 
   this.referensiThis = function(){
 
  return this;
 
    }
 
  }
 
 
 
 //create instance baru dari fungsi Orang
 
 var hardifal = new Orang("hardifal", 20, "laki-laki");
 
 console.log(hardifal.panggilId());
 
 /* Output >>
 
 Nama saya hardifal
 
 usia 20
 
 jenis kelamin laki-laki
 
 */
 
 console.log(hardifal.referensiThis());
 
 /* Output >>
 
  { nama: 'hardifal',
 
   usia: 20,
 
   gender: 'laki-laki',
 
   panggilId: [Function],
 
   referensiThis: [Function] }
 
 */

Dapat membuat instance dari sebuah objek (seperti class pada java). Dapat kita perhatikan create/pembuatan objek baru merujuk pada instance pada objek yang dbuat.


Contoh Penggunaan This Pada Javascript

<!DOCTYPE html>
<html lang="en">

<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>hardifal.com</title>
</head>

<body>
 <script>
  var data1 = {
   namaLengkap: function () {
    return this.namaDepan + " " + this.namaBelakang;
   }
  }
  var data2 = {
   namaDepan: "Hardifal",
   namaBelakang: "Com",
  }
  var x = data1.namaLengkap.call(data2);
  document.write(x);
 </script>
</body>

</html>
Hasil :
penggunaan this pada javascript

Post a comment for "4 Cara Pemanggilan dan Penggunaan (this) Pada Javascript"