Category: Javascript

JavaSciprt nesne kavramını destekler.Nesne oluşturmanın birden fazla yolu vardır.Yeni bir nesne oluşturmak için new Object() bir değişken atayarak yapılır.Örnekte urun adında bir değişken kullanıcaz nesneyi oluşturup özellik atıycaz.

Örnek-1:

var urun = new Object();
urun.turu="telefon";
urun.marka="HTC";
urun.model="ONE V";
urun.fiyat=550;
document.write(urun.marka + " markalı telefonun "+urun.model + "modeli "+ urun.fiyat+ " TL");

Ekran Çıktısı:

HTC markalı telefonun M8 modeli 50 TL 

Bir başka nesne tanımlama yöntemimiz ise süslü parantezler içinde iki nokta (:) ile tanımlamaktır.Tanımladığımız her özellik (:) ile bir değer verilir.Örneği inceleyelim

Örnek-2

var urun = {
  turu: "telefon",
  marka:"HTC",
  model:"ONE V",
  fiyat : 550
};
  document.write(urun.marka + " markalı telefonun "+ urun.model +" modeli sadece "+ urun.fiyat +" TL.");

Örneği incelediğimizde süslü parantezler içinde urun nesnesinin özelliklerini belirttik. her özellik için iki nokta kullandık

Ekran Çıktısı:

HTC markalı telefonun ONE V modeli sadece 550 TL. 

Nesne içinde fonksiyonları yöntem olarak kullanma

Nesnelere fonksiyonlar ile ek işlevler ekleyebiliriz.Bir nesne üzerinde tanımlanan fonksiyon metod olarak adlandırılır.

Örnek:

var urun = {
  turu:"telefon",
  marka:"HTC",
  model:"ONE",
  fiyat : 50,
  telefon:function(){
    document.write(this.marka+ " markalı telefonun "+this.model +" modeli " + this.fiyat+" TL");
  }
};
urun.telefon();

Örneğimizde urun nesnesine bir fonksiyon atadık.Telefon nesnesi bir metot olarak kullanılabilir.

Ekran Çıktısı

HTC markalı telefonun ONE modeli 50 TL 

Parametre Alan Metot

var mat = {
kareal:function(sayi){
  document.write(sayi + " sayısının karesi : "+ sayi*sayi);
}
};
mat.kareal(5);

Parametre alan metodda en basit örneği verdik.Metota sayı gönderiyoruz ve bize kendisiyle çarpıp geri göndermekte.

Ekran Çıktısı

5 sayısının karesi : 25 

Değerleri Değiştirme

Nesneye atadığımız özellikleri değiştirebilme imkanımız vardır.Örneği dikkatli inceleyelim

var urun = {
  turu:"telefon",
  marka:"HTC",
  model:"ONE",
  fiyat : 50,
  telefon:function(){
    document.write(this.marka+ " markalı telefonun "+this.model +" modeli " + this.fiyat+" TL");
  }
};
urun.model="M8";
urun.telefon();

Ekran Çıktısı

HTC markalı telefonun M8 modeli 50 TL 

Örnekte gördüğümüz gibi model’e ONE değil M8 yaptı süslü parantez içinde atadığımız değeri değiştirdik.Sonradan yeni bir değerde atayabiliriz.

Şimdiki örneğimizde yeni özellik ve metod ekleme işlemini gerçekleştiriyoruz.

Örnek:

var urun = {
  turu:"telefon",
  marka:"HTC",
  model:"ONE",
  fiyat : 50,
  telefon:function(){
    document.write(this.marka+ " markalı telefonun "+this.model +" modeli " + this.fiyat+" TL");
  }
};
urun.model="M8";
urun.stok=5;
urun.incele=function(){
  document.write(urun.marka +" markalı telefonun "+ urun.model +" inden Stokta " + urun.stok + " tane kalmıştır");
}
urun.incele();

Örneğimizde hem model isimli özelliği değiştirdik ve stok isimli yeni özellik tanımladık.Ayrıyetten yeni metod tanımladık ve bu metodu çağırdık

Ekran Çıktısı

HTC markalı telefonun M8 inden Stokta5tane kalmıştır 

Son Olarak delete ile bir nesnenin özelliğini veya metodunu silebilirsiniz

var urun = {
  turu:"telefon",
  marka:"HTC",
};
delete.urun.marka;