JavaScript Nesneleri
Gerçek Hayat Nesneleri, Özellikleri ve Yöntemleri
Gerçek hayatta, araba bir nesnedir .
Bir arabanın ağırlık ve renk gibi özellikleri ve çalıştırma ve durdurma gibi yöntemleri vardır:
| Nesne | Özellikler | yöntemler |
|---|---|---|
|
araba.adı = Fiat araba.model = 500 araba.ağırlık = 850kg araba.renk = beyaz |
araba.start() araba.sürücü() araba.brake() araba.stop() |
Tüm arabalar aynı özelliklere sahiptir , ancak özellik değerleri arabadan arabaya farklılık gösterir.
Tüm arabaların yöntemleri aynıdır , ancak yöntemler farklı zamanlarda gerçekleştirilir .
JavaScript Nesneleri
JavaScript değişkenlerinin veri değerleri için kapsayıcı olduğunu zaten öğrendiniz.
Bu kod, car adlı bir değişkene basit bir değer (Fiat) atar :
let car = "Fiat";
Nesneler de değişkendir. Ancak nesneler birçok değer içerebilir.
Bu kod, car adlı bir değişkene birçok değer (Fiat, 500, beyaz) atar:
const car = {type:"Fiat", model:"500", color:"white"};
Değerler ad:değer çiftleri (iki nokta üst üste ile ayrılmış ad ve değer) olarak yazılır .
Nesneleri const anahtar sözcüğüyle bildirmek yaygın bir uygulamadır .
Şu bölümde nesnelerle const kullanma hakkında daha fazla bilgi edinin : JS Const .
Nesne Tanımı
Bir JavaScript nesnesini sabit bir nesne ile tanımlarsınız (ve yaratırsınız):
Örnek
const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
Boşluklar ve satır sonları önemli değildir. Bir nesne tanımı birden çok satıra yayılabilir:
Örnek
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
Nesne Özellikleri
JavaScript nesnelerindeki ad:değer çiftlerine özellikler denir :
| Mülk | Mülk değeri |
|---|---|
| ilk adı | John |
| Soyadı | geyik |
| yaş | 50 |
| göz rengi | Mavi |
Nesne Özelliklerine Erişim
Nesne özelliklerine iki şekilde erişebilirsiniz:
objectName.propertyName
veya
objectName["propertyName"]
Örnek 1
person.lastName;
Örnek2
person["lastName"];
JavaScript nesneleri, özellikler adı verilen adlandırılmış değerler için kaplardır .
Nesne Yöntemleri
Nesnelerin de yöntemleri olabilir .
Metotlar, nesneler üzerinde gerçekleştirilebilen eylemlerdir .
Yöntemler, işlev tanımları olarak özelliklerde saklanır .
| Mülk | Mülk değeri |
|---|---|
| ilk adı | John |
| Soyadı | geyik |
| yaş | 50 |
| göz rengi | Mavi |
| Ad Soyad | function() {return this.firstName + " " + this.lastName;} |
Yöntem, özellik olarak depolanan bir işlevdir.
Örnek
const person = {
firstName: "John",
lastName : "Doe",
id : 5566,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
Bu Anahtar Kelime
Bir işlev tanımında, işlevin this"sahibi" anlamına gelir.
Yukarıdaki örnekte , işlevin "sahibi" olan
thiskişi nesnesidir .fullName
Başka bir deyişle, bu nesnenin özelliği this.firstNameanlamına gelir .firstName
JS this Keyword'dekithis anahtar kelime hakkında daha fazla bilgi edinin .
Nesne Yöntemlerine Erişim
Aşağıdaki sözdizimi ile bir nesne yöntemine erişirsiniz:
objectName.methodName()
Örnek
name = person.fullName();
() parantezleri olmadan bir yönteme erişirseniz , işlev tanımını döndürür :
Örnek
name = person.fullName;
Dizeleri, Sayıları ve Booleanları Nesne Olarak Bildirmeyin!
Bir JavaScript değişkeni " new" anahtar kelimesiyle bildirildiğinde, değişken bir nesne olarak oluşturulur:
x = new String(); // Declares x as a String object
y = new Number(); // Declares y as a Number object
z = new Boolean(); // Declares z as a Boolean object
kaçının String, Number, ve Booleannesneler. Kodunuzu karmaşıklaştırır ve yürütme hızını yavaşlatırlar.
Bu öğreticide daha sonra nesneler hakkında daha fazla bilgi edineceksiniz.