Tarih: 03 Eylül 2007 - 13:21:33
Yazar: Nickolas
Javascriptte Class (Sınıf) Kullanımı
Basit olarak şu şekildedir. Bir Fonksiyon oluşturulur.
2 Şekilde Kullanılır.
1-)
Kod: Kodu kopyalamak için üzerine çift tıklayın!
function First_Class()
{
this.depo = ''; // Burada değişkenleri verirken başına this koyarak vermemiz gerekiyor.
}
First_Class.prototype.set_depo = function(newdepo)
{
this.depo = newdepo; // Ana fonksiyondaki this.depo değişkenine değer atıyoruz.
};
First_Class.prototype.get_depo = function()
{
alert(this.depo); // Ana fonksiyondaki this.depo değişkenini çağrıyoruz.
};
Kodu çalıştırmak için şu kodları kullanalım:
Kod: Kodu kopyalamak için üzerine çift tıklayın!
<html>
<body>
<script type="text/javascript">
<!--
function First_Class()
{
this.depo = ''; // Burada değişkenleri verirken başına this koyarak vermemiz gerekiyor.
}
First_Class.prototype.set_depo = function(newdepo)
{
this.depo = newdepo; // Ana fonksiyondaki this.depo değişkenine değer atıyoruz.
};
First_Class.prototype.get_depo = function()
{
alert(this.depo); // Ana fonksiyondaki this.depo değişkenini çağrıyoruz.
};
// Nesneyi myclass 'a atadık
var myclass = new First_Class();
//-->
</script>
<div><input type="text" id="deneme" style="font: bold 11px Tahoma" value="" /></div>
<div><input type="button" style="font: bold 11px Tahoma" value="SET" onclick="myclass.set_depo(document.getElementById('deneme').value)" /></div>
<div><input type="button" style="font: bold 11px Tahoma" value="GET" onclick="myclass.get_depo()" /></div>
</body>
</html>
Bu da Kodun ekran görüntüsü:
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
Görüldüğü gibi bir zorluğu yok. Genel olarak açıklamak istersek;
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]
Bu yukarıdaki örnek sadece Class 'ın fonksiyondan farkını göstermek içindi. Oluşturduğunuz fonksiyonları Sınıf içinde
Depolayıp çağırabiliyor ve değerleri ile oynayabiliyorsunuz.
2-)
Yukarıdaki Sınıfın aynısını;
Kod: Kodu kopyalamak için üzerine çift tıklayın!
function First_Class()
{
this.depo = ''; // Burada değişkenleri verirken başına this koyarak vermemiz gerekiyor.
this.set_depo = function(newdepo)
{
this.depo = newdepo;
};
this.get_depo = function()
{
alert(this.depo);
};
}
Şeklinde de kullanabilirsiniz. Fakat 1. Kullanım ve 2. kullanım arasında bir fark vardır.
1. Kullanımda
Kod: Kodu kopyalamak için üzerine çift tıklayın!
// Nesneyi myclass 'a atadık
var myclass = new First_Class();
Atamasını yapmadan direk Fonksiyonlara ulaşabiliriz.
Yani: First_Class.prototype.get_depo(); gibi...
Fakat 2. kullanımda ise
Kod: Kodu kopyalamak için üzerine çift tıklayın!
// Nesneyi myclass 'a atadık
var myclass = new First_Class();
Ataması zorunludur. Size tavsiyem her ikisini de iyi inceleyin. İkisi de çok işinize yarayacak.
Sizlere Bu konuda mümkün oldukça basitten zora doğru örnekler vermeye çalışacağım.