Ana sayfa Genel Javascript – Constructor ve This

Javascript – Constructor ve This

8648
4
PAYLAŞ

Herkese Merhaba,

Bu yazımda Javascriptte obje oluşturmak için kullanılan yapıcı metodlardan (constructor) ve this anahtar kelimesinden bahsedeceğim.

Öncelikle Javascriptte bir obje oluşturmak için en ilkel yöntem olan Object Literalleri kullanabiliriz.

Ancak bu yöntemle biz her bir objemizin değerini tekrar tekrar başlatmak durumunda kalıyoruz. Eğer biz bu yapıdan yüzlerce obje oluşturmak istersek, çok sayıda kod yazmamız gerekiyor.

Ancak Javascriptte diğer dillerde olduğu gibi constructorlarımızı yazıp bu constructorlara verilen değerler doğrultusunda bir çok obje oluşturabiliriz.

Constructor (Yapıcı Metod)

Constructorların kullanımı oldukça kolaydır. Şimdi örneğimize bakalım.

Burada ne yaptık ? Bir tane constructor oluşturduk ve new anahtar kelimesiyle bu constructor’ı kullanarak 2 tane objemizi oluşturduk.

Peki buradaki this anahtar kelimesinin anlamı nedir ?

this anahtar kelimesi

this anahtar kelimesi üzerinde bulunduğumuz objeyi simgeler ve this.property_name ve this.method_name ifadeleri o anki objemizin özelliklerini ve metodlarını vurgular.

this’in ne anlama geldiğini biraz daha iyi anlamak için isterseniz constructor’ın içinde konsola yazdırmaya çalışalım.

Çıktıya bakacak olursak, this’i konsola yazdırdığımız zaman hangi objenin içindeysek o objenin özellikleri ve metodları,yani en kısa ifadeyle o objenin konsola yazıldığını görebiliriz.

Bir de son olarak Global Scopeta this anahtar kelimesini yazdırdığımız zaman consoleda gördüğümüz objeye bakalım.

Global Scopeta window objesinin içinde olduğumuz için konsola bu objemiz yazılmış oldu. Web sayfalarımızda istersek alert() mesajlarımızı this üzerinden de kullanabiliriz. Çünkü alert() window objesinin bir metodudur.

Bir sonraki yazımızda görüşmek dileğiyle!

Mustafa Murat Coşkun

4 YORUMLAR

  1. Hello! Quick question that’s entirely off topic.
    Do you know how to make your site mobile friendly? My web site looks weird when browsing from my apple iphone.
    I’m trying to find a theme or plugin that might be able to correct
    this problem. If you have any suggestions, please share. Thanks!

BİR CEVAP BIRAK

Please enter your comment!
Please enter your name here