this Değeri

this değeri mevcut nesneye referans verir. Bu değer JavaScript'te yaygın olarak kullanılır, örneğin fonksiyonlarda ve Nesne Yönelimli Programlamada.

Sözdizimi

this.mevcutNesne;

Örnek

this kullanarak odaklanmayı kaybeden bir inputun değerini konsola yazdıralım:

<input id="elem" value="text">

let input = document.querySelector('#elem');
input.addEventListener('blur', func);

function func() {
	console.log(this.value);
}

Örnek

this kullanarak odakta olmayan bir inputun değerini konsola yazdıralım:

<input id="elem" value="text">

let input = document.querySelector('#elem');
input.addEventListener('blur', func);

function func() {
	console.log(this.value);
}

Örnek

Şimdi this'in Nesne Yönelimli Programlamada kullanımını inceleyelim. Student sınıfında, öğrencimizin adını ve soyadını gösteren show fonksiyonunu yazalım:

class Student {
	name;
	surn;
	
	show() {
		return this.name + ' ' + this.surn;
	}
};
	
let stud = new Student;
stud.name = 'John';
stud.surn = 'Smit';
console.log(stud.show());

Ayrıca Bakınız

bağlamı bir fonksiyona bağlayan bind metodu
fonksiyonu bir bağlamla çağıran call metodu
fonksiyonu bir bağlamla çağıran apply metodu