Tasarım Kodlama

JavaScript Nesne Oluşturma

Bu yazıda JavaScript ile nesne oluşturma kavramına temel yönleri ile ele alacağız. JavaScript ile Nesne Yönelimli Programlama( Object Oriented Programming) için buradaki daha detaylı olan yazıyı incelemenizi tavsiye ederim.

JavaScriptte değişken tanımlama yazısında object konusuna değinmiştik. Bu yazıda nesnelere neden ihtiyaç duyduğumuzu biraz daha derinlemesine bakacağız.

Nesnelere Neden İhtiyaç Duyarız?

Nesne kavramını daha iyi anlamak için değişkenleri kullanarak bir personelin bilgilerini almaya çalışalım. Bir personelin ad, soyad, maaş, yaş, medeni durum ve bildiği diller gibi verileri olduğunu varsayalım. Bu bilgileri tutmak için aşağıdaki gibi değişkenlere ihtiyacımız olacaktır.

Peki ikinci bir kişi içinde değişkenlere ihtiyacımız olsa nasıl yol izlemeliyiz. Sorusu ortaya çıkacaktır. İşte bu aşamada nesne oluşturma kavramı ortaya çıkıyor. Nesne nasıl oluşturulur sorusuna cevap için okumaya devam edin.

İlginizi Çekebilir: JavaScript Dersleri

JavaScript Nesne Oluşturma

JavaScriptte nesne oluşturmak için birden fazla yöntem kullanılmaktadır. Burada en basit yöntemle ele alacağız.

JavaScriptte nesne oluşturmak için {} sembollerini kullanarak aşağıdaki gibi özellik ve değerlerini oluşturuyoruz. Her özellik ve değer arasında virgül sembolünü kullanmayı unutmayın.

Söz Dizimi:

Bir yukarıdaki Personel bilgileri örneğini nesne kullanarak yeniden oluşturmak istersek yazmamız gereken javascript kodu şu şekilde olacaktır.

JavaScript Nesneden Değer Okuma

Yukarıdaki gibi tanımlanan javaScript nesnesinin öğelerine erişmek için aşağıdaki gibi iki farklı yöntemle ulaşabiliriz.

JavaScript Nesneye Özellik Ekleme

Bir nesneye özellik eklemek için aşağıdaki gibi nokta ile eklenecek özellik ve değeri yazılır.

JavaScript Nesne Özelliğini Güncelleme

Nesnelerin özelliklerini güncellemek için nesne özelliği yazıldıktan sonra atama operatörü kullanılarak aşağıdaki gibi güncellenir.

JavaScript Nesne Özelliğini Silme

Aşağıdaki iki yöntemle nesne özelliğini kaldırabilirsiniz. İlkinde özellik adı nokta ile belirtildi. İkincisiden ise dizideki anahtar değeri alınarak yapıldı. Özelliği kaldırmak içinde delete operatörü kullanıldı.

JavaScript Nesne içinde Fonksiyon Kullanma( Nesne Metotları)

Nesnelerin içinde fonksiyon tanımlaması yapabiliriz. Aşağıdaki örnekte adSoyad getir fonksiyonu oluşturulmuş ve personelin adı soyadı birleştirilmiş şekilde console ekranında yazdırılmıştır.

1 yorum