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 blogunu 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 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())

Evet değerli arkadaşlar bu dersimizde basitce nesne tabanlı js yazmanın temellerini attık.Başka bir derste görüşmek üzere hoşçakalın.

Not: Alıntıdır.http://www.aydinmahmut.com/javascript-nesnel-yaklasim/

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s