Dasar dari Kata this

Setiap fungsi di Javascript memiliki properti, layaknya objek yang memiliki properti. Dan ketika fungsi tersebut dieksekusi, akan ada properti this, yang berupa sebuah variabel dengan data dari objek yang dieksekusi tersebut.

this akan selalu tereferensi ke sebuah objek, dan biasanya berada di dalam sebuah fungsi. Jika terdapat diluar fungsi, akan mendapatkan objek window atau global jika sedang berada di lingkungan NodeJS. Tapi, jika menggunakan mode strict, this di luar fungsi akan mengembalikan nilai undefined. Dan tambahan, jika ada di dalam fungsi anonim, this tidak akan tereferensi kemanapun.

this digunakan di dalam sebuah fungsi dan mengandung nilai dari objek yang memanggil fungsi tersebut. Kita perlu menggunakan this untuk mengakses metode dan properti dari objek yang memanggil fungsi tersebut, terlebih lagi jika kita tidak selalu tahu nama yang digunakan oleh objek tersebut. Pada intinya, this adalah sebagai referensi kata ganti dari objek yang dipanggil.

Contoh kodenya adalah sebagai berikut

var person = {
    firstName: "Penelope",
    lastName: "Barrymore",
    // Since the "this" keyword is used inside the showFullName method below, and the showFullName method is defined on the person object,​
    // "this" will have the value of the person object because the person object will invoke showFullName ()​
    showFullName: function() {
        console.log(this.firstName + " " + this.lastName);
    }​
}​
person.showFullName(); // Penelope Barrymore

Atau misal dalam jQuery

// A very common piece of jQuery code​
​
$("button").click(function(event) {
    // $(this) will have the value of the button ($("button")) object​
    ​// because the button object invokes the click () method​
    console.log($(this).prop("name"));
});