Selamat malam semua wahai kaskuser,
Kali ini ane cuma ingin sharing tentang sedikit apa yang ane pelajari dari Javascript, terutama pada topik yang buat bingung ane sendiri atau mungkin kaskuser yang lain yaitu tentang "this" keyword didalam Javascript.

Pengertian "this"didalam javascript agak berbeda dengan "this" di dalam bahasa pemrograman yang lain. Arti "this" di dalam javascript tergantung dari cara keyword ini di panggil. Nah, para kaskuser cuma perlu ingat empat macam cara pemanggilan "this" ini yang membedakan artinya, apa aja itu, lets check itot!!!!!!!!!!

1. The Global Scope:

this;

Pemanggilan "this"seperti ini merefer pada global object, jika agan-agan menggunakan browser berarti global objectnya adalah "window" browser. Jika agan menggunakan "noje.js" maka "this" juga akan merujuk pada global object di node.js

2. Pemanggilan fungsi

//Deklarasi fungsi

function maho(){

 return this;

}



//Pemanggilan Fungsi

maho();

Pada pemanggilan fungsi ini akan memberikan object "this"yang merujuk pada global variable.

nah, ini nih yang agak menarik,..

//deklarasi fungsi...

function maho(){

 this.admin = "Maho";

 this.kaskuser = "Juga maho";

}



//pemanggilan fungsi

maho();

so, ada yang tau ga apa yang terjadi ketika fungsi maho yang kedua diatas dipanggil? terus "this" disini merujuk kemana? kuq ga kaya Java yach?
Stop alay, sini ane jelasin!

Jadi, yang terjadi ketika fungsi maho yang kedua dipanggil adalah agan menset variable admin dan kaskuser dengan nilainya masing-masing sebagai global variable. So, "this" disini tetap merujuk pada global object..

3. Pemanggilan method

Mah, (mahoo maksudnya), apasih bedanya fungsi sama method?
Ehh, enak aja manggil ane mahoo, ente yang mahoo,(Apa ciihhh???, hehe)

Gini lho penjelasan simplenya,
Fungsi --> baris code yang independent, yang dipanggil sesuai dengan namanya, kaya fungsi Maho tadi contohnya
Method --> fungsi yang terikat pada object, gambaran mudahnya fungsi yang ada di dalam Class di Java



conthoooh method:

//untuk mempermudah penjelasan, kita inisiasi dulu sebuah object

var iniobject = {};

iniobject.inimethod = function(){

 return this;

}



//kita panggil methodnya

iniobject.inimethod();

nah, pemanggilan method diatas membuat "this" merujuk kepada object "iniobject" beserta property-property yang ada didalamnya

4. Pemanggilan Constructor

Pada javascript kita juga dapat men-create sebuah instance dari sebuah object
(mirip instance dari class di java)

//Deklarasi fungsi

function Orang(nama, umur, jk){

 this.nama = nama;

 this.umur = umur;

 this.jk = jk;

 this.sebutkanId = function(){

 return 'Nama saya '+this.nama+

 '\numur '+this.umur+

 '\njenis kelamin '+this.jk;

 }

 this.referensiThis = function(){

 return this;

 }

 }



//pembuatan instance baru dari fungsi Orang

var kaskuser = new Orang("kaskuser", 20, "laki-laki");

console.log(kaskuser.sebutkanId());

/* Output >>

Nama saya kaskuser

umur 20

jenis kelamin laki-laki

*/

console.log(kaskuser.referensiThis());

/* Output >>

 { nama: 'kaskuser',

 umur: 20,

 jk: 'laki-laki',

 sebutkanId: [Function],

 referensiThis: [Function] }

*/

dapat dilihat untuk "this"pada pembuatan object baru merujuk pada instance
dari object yang baru dibuat itu sendiri..

Nah sekian kaskuser, semoga bermanfaat,..