Bu yazımızda, JavaScript "new" operatörüne kısaca değineceğiz. Bu operatör kullanıcı tanımlı bir nesne ya da
ön-tanımlı nesne tiplerinden birini(Array, Boolean, Date, Function, Image, Number, Object, Option, RegExp, String) örneğini(instance) oluşturmak
için kullanılır.
Söz Dizimi (Syntax)
new NesneTipi[([parametreler])];
Örnek
kisiler = new Array("html","css","javascript");
Yeni bir dizi tanımlandı ve 3 adet eleman eklendi.
Uygulama
Bir Kurumun birimleri, ve birim sorumluları ile ilgili bir uygulama yapalım.
Kısım-1: Birim sorumlusu bilgileri
İlk önce kurumdaki birim sorumluları için bir sınıf oluşturalım ve gerekli parametreleri verelim
<!DOCTYPE html>
<head>
<meta charset="utf-8"/>
<title>JS instanceof operatörü</title>
<script type="text/javascript">
function BirimSorumlusu(ad, soyad, tel, eposta) {
this.ad = ad;
this.soyad = soyad;
this.tel = tel;
this.eposta = eposta;
}
var Semih = new BirimSorumlusu("Semih", "Bebek", "555-556 56", "iletisim@semih.com");
var sorumlu_bilgileri = " <strong>Adı Soyadı:</strong> "+Semih.ad+" "+Semih.soyad+" <br>"+
" <strong>Tel:</strong> "+Semih.tel+" <br>"+
" <strong>E-posta</strong> "+Semih.eposta;
document.getElementById("bilgi_sorumlu").innerHTML = sorumlu_bilgileri;
</script>
</head>
<body>
<div id="bilgi_sorumlu"></div>
</body>
</html>
Sonuç
Açıklamalar
- 6."BirimSorumlusu" adında bir sınıf oluşturduk, ve istediğimiz parametreleri verdik
- 13."BirimSorumlusu" sınıfından "Semih" adında bir nesne oluşturduk, bilgileri girdik
- 15.Oluşturduğumuz nesneden elde ettiğimiz tüm bilgileri "sorumlu_bilgileri" değişkenine atadık
- 18.Tüm bilgleri "bilgi_sorumlu" id'li katmanın(layer) içine yazdırdık
Kısım-2: Birim bilgileri ve sorumlusu
Şimdi de birimler için bir sınıf oluşturalım ve sorumlu kişisi olarak da daha önce oluşturduğumuz birim sorumlusu Semih'i atayalım.
<body>
......
<div id="yazilim_birimi"></div>
<script type="text/javascript">
function Birim(birim_ad, sorumlu) {
this.birim_ad = birim_ad;
this.sorumlu = sorumlu;
}
var YazilimBirimi = new Birim("Yazılım Birimi", Semih);
var sonuc = "<strong>Birim:</strong>"+YazilimBirimi.birim_ad +"<br>"+
"<strong>Sorumlu:</strong> "+YazilimBirimi.sorumlu.ad+" "+
YazilimBirimi.sorumlu.soyad;
document.getElementById("yazilim_birimi").innerHTML = sonuc;
</script>
</body>
Sonuç
Açıklamalar
- 5."Birim" adında bir sınıf oluşturduk, ve istediğimiz parametreleri verdik
- 10."Birim" sınıfından "YazilimBirimi" adında bir nesne oluşturduk, bilgileri girdik
- 12.Oluşturduğumuz nesneden elde ettiğimiz tüm bilgileri "sonuc" değişkenine atadık
- 15.Tüm bilgleri "yazilim_birimi" id'li katmanın(layer) içine yazdırdık
Kolay gelsin, görüşmek üzere...
