JavaScript Nesneler

OOP veya Nesne Yönelimli Programlama ve Nesne Yönelimli Programlamada kullanılan nesnelerin JavaScript içerisinde kullanımı ile ilgili bilgiler yer alıyor.

Gerçek hayatta bir araba bir nesnedir.

Arabanın ağırlık, renk ve model gibi özellikleri çalıştır, sür, durdur gibi işlevleri vardır.

Nesne Özellikler İşlevler
ARABA araba.marka = Fiat
araba.model = 500
araba.agirlik = 850kg
araba.renk = beyaz
car.calistir()
car.sur()
car.frenle()
car.durdur()

Tüm arabalar benzer özelliklere sahiptir.

Ancak özellik değerleri arabadan arabaya değişiklik gösterir.

Tüm arabalar benzer işlevlere sahiptir.

Ancak işlevlerin çalışması farklı zamanda olur.

Nesneler

JavaScript değişkenleri veri depolamak için kullanılır.

Örnekte araba isimli değişkene tek değer (Fiat) atanmıştır.

<script>
  var araba = "Fiat";
</script>

Nesnelerde değişkendir.

Ancak nesneler birden fazla değer alabilir.

Örnekte araba isimli değişkene birden fazla değer (Fiat, 500, beyaz) atanmıştır.

<script>
  var araba = {marka:"Fiat", model:"500", renk:"beyaz"};
</script>

JavaScript nesne tanımlama isim:değer olarak yapılır.

Nesne özellikleri

JavaScript isim:değer çiftleri özellik olarak adlandırılır.

<script>
  var bilgiler = {ismim:"Yusuf", soyIsmim:"SEZER", kilo:78};
</script>
Özellik Özellik değeri
ismim Yusuf
soyIsmim SEZER
kilo 78

Nesne işlevleri

Nesne işlevleri nesne içerisinde işlem yapar.

JavaScript nesne işlevleri nesne özellerinde function olarak saklanır.

Özellik Özellik değeri
ismim Yusuf
soyIsmim SEZER
kilo 78
isimSoyisim function() {return this.ismim+ ” ” + this.soyIsmim;}

JavaScript nesneler özellik ve işlevleri saklayan veri türüdür.

Nesne oluşturma

JavaScript ile nesne oluşturma değişken oluşturmaya benzer.

<script>
  var bilgiler = {ismim:"Yusuf", soyIsmim:"SEZER", kilo:78};
</script>

JavaScript nesne oluşturma ve tanımlama sırasında satırlar ve boşluklar dikkate alınmaz.

<script>
  var bilgiler = {
      ismim:"Yusuf",
      soyIsmim:"SEZER",
      kilo:78
  };
</script>

JavaScript kodlarının daha okunaklı olması için nesne özellikleri satırlara bölünebilir.

Nesne özelliklerine erişim

JavaScript özelliklerine iki şekilde erişebiliriz.

nesneAdi.ozellikAdi

veya

nesneAdi["ozellikAdi"]

Örneğin;

<script>
  var bilgiler = {
      ismim:"Yusuf",
      soyIsmim:"SEZER",
      kilo:78
  };
  alert(bilgiler.ismim);
</script>

veya

<script>
  var bilgiler = {
      ismim:"Yusuf",
      soyIsmim:"SEZER",
      kilo:78
  };
  alert(bilgiler["ismim"]);
</script>

şeklinde erişilebilir.

Nesne işlevlerine erişim

JavaScript nesne işlevlerine aşağıdaki gibi erişilir.

nesneAdi.islevAdi();

Örneğin;

<script>
  var bilgiler = {
      ismim:"Yusuf",
      soyIsmim:"SEZER",
      kilo:78,
      isimSoyisim: function() {
           return this.ismim + " " + this.soyIsmim;
      }
  };
  alert(bilgiler.isimSoyisim());
</script>

JavaScript nesne işlevlerine erişimde parantez eklenmezse fonksiyon kodları döndürülür.

<script>
  var bilgiler = {
      ismim:"Yusuf",
      soyIsmim:"SEZER",
      kilo:78,
      isimSoyisim: function() {
           return this.ismim + " " + this.soyIsmim;
      }
  };
  alert(bilgiler.isimSoyisim);
</script>

JavaScript nesne işlevleri nesne özelliği olarak saklanır.

JavaScript Derslerine buradan ulaşabilirsiniz…

Hayırlı günler dilerim.

Yusuf SEZER

Yusuf SEZER

Computer Engineer who interested about web technologies, algorithms, artificial intelligence and embedded systems; constantly exploring new technologies.


Bunlara'da bakmalısın!