HTML CSS JAVASCRIPT ANGULAR

JavaScript Nesne


Gerçek hayatta karşınıza çıkan her şey nesnedir. Örneğin araba bir nesnedir.  Arabanın renk, ağırlık, model gibi özellikleri ve çalışma, durma gibi metodları vardır.

 

 

NesneÖzelliklerMetodlar

araba.ad = Ferrari

araba.model = T500

araba.agirlik = 1850kg

 

araba.calis()

araba.sur()

araba.frenYap()

 
 
Tüm arabalar aynı özelliklere sahiptir fakat özellik değeri arabadan arabaya değişir.
Tüm arabalar aynı metodlara sahiptir. Fakat bu metodlar farklı şekillerde çalışabilir.

JavaScript Nesneler (Objects)

Daha önceki derslerde JavaScript değişkenlerinin değer saklamak için kullanıldığını öğrendiniz.

Aşağıdaki basit kod bir değişkene tek bir değer atamaktadır:

Örnek

var marka = "Audi";

Peki birdan fazla değer saklamak istersek ne olacak? İşte bu durumda nesneler yardımımıza koşar.

Nesneler birden fazla değeri saklayabilirler. Örneğin Marka, Model, Renk gibi değerleri bellekte saklamak isteseydik şu konu yazabilirdik:

Örnek

var araba = {marka:"Audi", model:"TT", renk:"Beyaz"};

Kendin Dene »

Bu şekilde pek çok değeri saklayabiliriz.

JavaScript nesne için özellikler, ad:değer çifti şeklinde yazılır ve virgün ile birbirinden ayrılır.


JavaScript Nesne Özellikleri

JavaScript içindeki ad:değer çiftleri özellik (property) olarak adlandırılır.

Örnek

var ogrenci = {ad:"Ali", soyad:"Veli", numara:110, sinif:"1A"};
ÖzellikÖzellik Değeri
adAli
soyadVeli
numara110
sinif1A

Özellik, nesne içinde veri sakladığımız alanlardır.


JavaScript Nesne Tanımlama

JavaScript ile nesne tanımlarken (yaratırken) öncelikle nesnemize bir ad veririz.

Daha sonra = simgesi ile {} simgeleri arasına özellikleri listeleriz.

Örnek

var ogrenci = {
ad:"Ali", 
soyad:"Veli",
numara:110,
sinif:"1A"
};

Kendin Dene »

Tanımlama yaparken boşluklar ve satır başları önemsizdir. Nesneyi yukarıdaki gibi de tanımlayabiliriz.


JavaScript Nesnesinin Özelliklerine Erişmek

Bir JavaScript nesnesinin özelliklerine iki farklı şekilde erişebilirsiniz: nesne.ozellikAdi veya nesne["ozellikAdi"]

Yani dilerseniz nesnenin adını yazıp, sonuna nokta ekleyip özelliğin adını yazabilirsiniz veya ikinci yöntem olarak köşeli parantez içinde

nesne adını tırnak içine alarak nesne özelliğine erişebilirsiniz.

Örnek

ogrenci.ad;

//veya

ogrenci["ad"];

Kendin Dene »


JavaScript Nesnenin Metodlarına Erişmek

JavaScript nesne içinde özellik saklayabildiğiniz gibi, metod de saklayabilirsiniz.

JavaScript nesnesi içinde metod saklamak istersek şu söz dizimini kullanırız:metodAdi:function(){}

JavaScript nesnesi içindeki metodu şu şekilde çağırırız: nesneAdi.metodAdi();

Örnek

ogrenci.tamAd();

Kendin Dene »


Anlamadığınız bir konu mu var?

Konu ile ilgili sorunuzu uzmanim.net'e sorabilirsiniz: uzmanim.net'e sor!