JavaScript, yıllar içinde önemli ölçüde gelişti. Özellikle ES6'nın tanıtılmasıyla birlikte Sınıflarla programlama çok daha kolay hale geldi. Prototipler ve yapıcı işlevler aracılığıyla sınıf oluşturma eski yöntemi genellikle karmaşık ve hata yapmaya açıktı. Bu eğiticide yeni class sözdizimini etkili bir şekilde nasıl kullanacağınızı ve eski ve yeni yazım biçimi arasındaki farkları öğreneceksiniz. Ayrıca miras alma ile sınıf yapınızı nasıl genişletebileceğinizi de öğrenebilirsiniz.
En Önemli Bulgular
- Yeni class sözdizimi, daha net ve daha kompakt bir tanım şekli sağlar.
- Yapıcıların kullanımı daha kolaydır ve ayrı prototipler gerektirmez.
- Class sözdiziminin arkasındaki işlevsellik, prototip tabanlı kalmaya devam eder.
Adım Adım Kılavuz
1. Eski Yazım Biçimini Anlamak
Yeni sınıf sözdiziminin avantajlarını görmek için önce eski yönteme bakalım. Burada bir yapıcı işlev oluşturuldu ve yöntemler prototip aracılığıyla eklendi.
Yeni bir nesne oluşturmak istiyorsanız, bu new Shape(1, 100, 200) ile gerçekleşir. Daha sonra shape nesnesi kullanılarak özellikler geri alınabilir.
2. Değerlerin Gösterimi
Nesne örneğimizin doğru çalıştığından emin olmak için x ve y özelliklerini yazdırıyoruz.
3. Yeni class Sözdizimini Tanıtmak
Şimdi ES6 itibarıyla mevcut olan yeni class sözdizimine geçiyoruz.
Değişiklikler belirgindir: Artık ayrı bir prototipe ihtiyacınız yok. Bunun yerine, tüm yöntemleri sınıfın içinde tanımlarsınız.
4. Yeni Sınıf ile Nesneler Oluşturmak
Yeni sözdizimi ile bir nesne oluşturma, daha önce olduğu gibi gerçekleşir. Shape sınıfının bir örneğini oluşturmak için new kullanırsınız.
5. Yeni Sınıfın Kullanımı
Yeni tanımlanan sınıfın kullanımı, eski yöntemle aynıdır. Değerleri almak ve move yöntemini kullanmak için shape1 örneğini kullanabilirsiniz.
6. Sınıflarda Miras
Class sözdiziminin bir diğer avantajı miras alma olanağıdır. Varolan bir sınıftan miras alan yeni bir sınıf oluşturmak istiyorsanız, extends anahtar kelimesini kullanabilirsiniz.
Burada çocuk sınıfın yapıcısı super() ile ana sınıfın yapıcısını çağırır. Bu, Shape'in özelliklerini kullanmanıza ve Rectangle için benzersiz özellikler tanımlamanıza olanak tanır.
7. Class Tanımı Hakkında Sonuç
Class sözdizimi, kod tabanınızı yalnızca daha düzenli hale getirmekle kalmaz, aynı zamanda nesne yönelimli kavramlarla çalışırken daha net bir yapı sunar. Sınıflar oluşturmanın yanı sıra karmaşık miras hiyerarşileri de kurabilir ve bu, kodunuzu daha esnek ve bakımı kolay hale getirir.
Özet – JavaScript'te Yeni Sınıf Sözdizimi: ES6'dan ES13'e
Bu eğiticide, JavaScript'te ES6'dan ES13'e kadar yeni class sözdizimini nasıl etkili bir şekilde kullanacağınızı öğrendiniz. Eski sınıf oluşturma yöntemi genellikle zahmetli ve hata yapmaya açıktı, yeni sözdizimi ise net ve basit bir yapı sağlar. Ayrıca, sınıflarınızı daha da genişletmek için extends sözdizimi ile miras almanın temellerini öğrendiniz.
Sıkça Sorulan Sorular
Eski ve yeni sınıf sözdizimi arasındaki fark nedir?Eski yöntem, yapıcı işlevler ve prototipler kullanırken, yeni sözdizimi, sınıfların tanımını ve kullanımını basitleştirir.
Yeni class sözdizimini neden kullanmalıyım?Daha net, daha kompakt ve sezgisel bir şekilde sınıf tanımlamayı sağlar, bu da kodun bakımını ve okunabilirliğini artırır.
Class sözdizimi ile miras alma nasıl çalışır?Sınıfınız, başka bir sınıfın işlevselliklerini extends anahtar kelimesi ile devralabilir; ana sınıfın yapıcısını süper() ile çağırarak.
