Modern JavaScript ES6’dan ES13’e kadar (JS Eğitimi)

JavaScript'te Kalıtım: ES6 ile Modern Sınıflara

Eğitimdeki tüm videolar Modern JavaScript ES6–ES13 (JS öğretici)

Kalıtım, var olan Sınıfları genişletmenize ve onların özelliklerini ve yöntemlerini kullanmanıza olanak tanıyan nesne yönelimli programlamada merkezi bir kavramdır. JavaScript, ES6 ile birlikte daha yeni ve daha sağlam bir kalıtım söz dizimi tanıttı, bu da orijinal prototype yöntemlerinden çok daha kolaydır. Bu kılavuzda, extends anahtar kelimesini kullanarak JavaScript'te kalıtımı nasıl uygulayacağınızı göstereceğim ve süper kullanarak temel sınıfın yapıcısını nasıl doğru bir şekilde çağıracağınızı adım adım açıklayacağım.

En Önemli Bilgiler

  • JavaScript'te kalıtım extends anahtar kelimesi ile gerçekleşir.
  • Temel sınıfın yapıcı fonksiyonu süper ile çağrılmalıdır.
  • Örnek değişkenleri, türetilen sınıfta this anahtar kelimesi ile referans alınabilir.

Adım Adım Kılavuz

Temel Sınıfın Oluşturulması

Kalıtıma başlamak için öncelikle Shape adlı bir temel sınıf oluşturacağız. Bu sınıfta yapıcıyı ve bazı metodları tanımlayacağız.

Burada, bir yapıcıya sahip bir Shape sınıfı tanımlıyorsunuz. Bu yapıcıda, diğer sınıfların erişebileceği değişkenler ve fonksiyonlar tanımlayabilirsiniz.

JavaScript'te Miras: ES6 ile Modern Sınıflara

Alt Sınıfın Keşfi

Temel sınıf oluşturulduktan sonra, artık Shape'den türeyen bir alt sınıf oluşturabilirsiniz. Bu örnekte yeni sınıfımıza ConcreteShape diyoruz.

Bu alt sınıfta, ConcreteShape'in Shape'den türediğini belirtmek için extends anahtar kelimesini kullanıyoruz. Alt sınıfın yapıcısı, kalıtımı doğru bir şekilde uygulamak için temel sınıf Shape'in yapıcısını süper() ile çağırır.

Alt Sınıfın Örneklendirilmesi

Artık alt sınıfı oluşturduğumuza göre, bu sınıfın bir örneğini üretme zamanı geldi.

Burada, ConcreteShape sınıfından myShape adında yeni bir nesne oluşturuyorsunuz ve yapıcıya bir tanım geçiriyorsunuz. Ardından, tanımı çıktısını veren print metodunu çağırıyorsunuz.

Diğer Özelliklerin Eklenmesi

Alt sınıfınıza daha fazla özellik veya bu alt sınıfa özgü yöntemler ekleyebilirsiniz.

Burada, yapıcıya ek parametreler ekleyerek ConcreteShape sınıfını genişlettiniz.

Kalıtımın Kullanımı

super anahtar kelimesi ile temel sınıfın describe metodunu çağırarak temel sınıf ve alt sınıf özelliklerini birleştirebilirsiniz.

Özet – JavaScript'te Kalıtım: ES6'dan ES13'e

Bu öğreticide, JavaScript'te kalıtımın nasıl çalıştığını, özellikle yeni class söz dizimi ile öğrendiniz. Sınıfları nasıl tanımlayacağınızı, bir temel sınıftan nasıl miras alacağınızı ve yapıcıyı nasıl doğru bir şekilde çağıracağınızı gördünüz. Bu mekanizmalar, kod tabanınızı temiz ve bakımı kolay tutmanızı sağlayarak özellikleri verimli bir şekilde yeniden kullanmanızı kolaylaştırır.

Sıkça Sorulan Sorular

super() ile this arasındaki fark nedir?super(), temel sınıfın yapıcısını çağırmak için kullanılırken, this mevcut sınıfın örneğine erişir.

ES6 sınıflarının prototiplerden daha iyi kullanımı neden?ES6 sınıfları, kodun okunmasını ve anlaşılmasını kolaylaştıran daha net ve sezgisel bir sözdizimi sunar.

Birden fazla temel sınıfım olabilir mi?Hayır, JavaScript çoklu kalıtımı desteklemez. Bir sınıf yalnızca bir başka sınıftan miras alabilir.

super() çağırmazsam ne olur?super() çağırmazsanız, temel sınıfın gerektiği şeyleri başlatmayan yapıcı çalıştırılmayacağı için bir hata alırsınız.