Bilişim dünyasına kaliteli, özgün ve Türkçe içerikler kazandırmayı hedefleyen bir platform..

friends friends friends

Javascript Nesnel Yaklaşım

Merhaba arkadaşlar bu makalemizde sizlere Javascript’e nesnel yaklaşımdan bahsedeceğim. Diğer dillerde olduğu gibi Class tanımlama işleminden başlayarak devam edelim.

function mahmut(){
}

Gördüğünüz gibi class tanımlamasını normal bir function tanımlaması gibi yaparak başlıyoruz. Daha sonra mahmut adlı bu Class'ın bir kopyasını alarak devam ediyoruz. Class kullanmaya başlamak için aşağıdaki kod bloğunu kullanıyoruz.

var muhterem=new mahmut();

Evet gördüğünüz gibi mahmut Class’ından muhterem adında bir kopya oluşturduk. Daha sonra ki kullanımlar da sürekli muhterem kelimesini kullanacağız. Ama ilk tanımladığımız mahmut nesnesinin içi boş. Şimdi bu nesnenin içine bir kaç tane değişken tanımlayalım ve bunlara ulaşmayı deneyelim. Kodlar aşağıda ki gibi olacak.

function mahmut(){
	this.ad="mahmut";
	this.yas="30";
	this.il="Erzurum";
	var soyad="aydın";
	this.sonuc=ad+this.soyad;
}

Evet nesnemizin içini sadece değişkenlerle doldurduk ama şimdi bu değişkenlere ulaşmaya çalışalım. Şu şekilde ulaşabileceğiz.

var muhterem=new mahmut();
alert(muhterem.ad)//mahmut;
alert(muhterem.yas)//30;
alert(muhterem.il)//Erzurum;
alert(muhterem.soyad)//undefined
alert(muhterem.sonuc)//mahmutaydın;

Gördüğünüz gibi değişkenler eğer this ile refere edilmişse public olarak tanımlandığı için dışarıdan ulaşabiliriz ancak var ile tanımlanıp refere edilmişseler private oldukları için dışarıdan erişilemez ve sadece nesne içinde ulaşılabilir. Bu şekilde nesne içinde değişken tanımlama ve erişme işlemlerini hallettikten sonra basitçe metodlara(fonksiyonlara) girelim. Şimdide mahmut nesnesinin içine metod(fonksiyon) ekleyelim ve dışarıdan ulaşalım. Şu şekilde olması gerekir.

function mahmut(){
	this.ad="mahmut";
	this.yas="30";
	this.il="Erzurum";

	this.merhaba_de=function()
	{
		return 'merhaba';
	}
}

Kullanımı ise şu şekilde olması gerekir:

var muhterem=new mahmut();
alert(muhterem.merhaba_de())
javascript javascript nesnel yaklaşım
0 Beğeni
Javascript
Önceki Yazı

PHP ip2long ve long2ip

17 Ekim 2020 tarihinde yayınlandı.
Sonraki Yazı

Javascript Hata Bulma

17 Ekim 2020 tarihinde yayınlandı.
arrow