JavaScript'te Sınıfların Nasıl Oluşturulacağını Öğrenin

2015 yılında JavaScript programlama dilinin ES6 versiyonu yayınlandı. Bu sürüm, dilde bazı önemli yükseltmeler yaptı ve resmi olarak Java ve C++ gibi diğer diller arasında nesne yönelimli programlama dili kategorisine yerleştirdi.

Nesne yönelimli programlama, nesnelere ve bunlar üzerinde gerçekleştirilebilecek işlemlere odaklanır. Ancak, herhangi bir nesneye sahip olmadan önce bir sınıfınızın olması gerekir.

JavaScript sınıfları, dilin ES6 sürümüyle birlikte gelen oyunun kurallarını değiştiren özelliklerden biridir. Bir sınıf, nesneler oluşturmak için kullanılan bir plan olarak tanımlanabilir.

Bu eğitim makalesinde, JavaScript sınıflarını kullanarak nesneleri nasıl oluşturacağınızı ve değiştireceğinizi öğreneceksiniz.

JavaScript Sınıf Yapısı

JavaScript'te bir sınıf oluştururken her zaman ihtiyaç duyacağınız temel bir bileşen vardır: sınıf anahtar kelime. JavaScript sınıfının hemen hemen her yönü, başarılı bir şekilde yürütülmesi için gerekli değildir.

Bir yapıcı sağlanmazsa bir JavaScript sınıfı doğal olarak yürütülür (sınıf yürütme sırasında yalnızca boş bir kurucu oluşturur). Ancak, yapıcılar ve diğer işlevlerle bir JavaScript sınıfı oluşturulursa ancak hiçbir sınıf anahtar sözcüğü kullanılmazsa, bu sınıf yürütülebilir olmayacaktır.

NS sınıf anahtar kelime (her zaman küçük harf olmalıdır), JavaScript'in sınıf yapısında bir zorunluluktur. Aşağıdaki örnek, bir JavaScript sınıfının genel sözdizimidir. JavaScript sınıfı sözdizimi aşağıdadır:

classSınıfAdı{
//sınıf gövdesi
}

JavaScript'te Sınıf Oluşturma

Programlamada bir sınıf, özel bir nesne oluşturmak için kullanılan genelleştirilmiş bir varlık olarak görülebilir. Örneğin, bir okul ortamında, genelleştirilmiş bir varlık (bir sınıf) öğrenciler olabilir ve öğrencilerin nesnesi John Brown olabilir. Ancak bir nesne oluşturmadan önce, depolayacağı verileri bilmeniz gerekir ve bu, JavaScript Oluşturucularının devreye girdiği yerdir.

JavaScript Sınıflarında Oluşturucuları Kullanma

Bir kurucu, birkaç nedenden dolayı sınıf oluşturma süreci için hayati öneme sahiptir; bir nesnenin durumunu (öznitelikleri aracılığıyla) başlatır ve yeni bir nesne başlatıldığında (tanımlandığında ve oluşturulduğunda) otomatik olarak çağrılır.

Bir Yapıcı Örneği Kullanma

Aşağıda, bunun ne anlama geldiğini açıklayan bir yapıcı örneği göreceksiniz.

sınıf Öğrencisi{
yapıcı (firstName, lastName, startDate){
this.firstName = ilkAd;
this.lastName = lastName;
this.startDate = startDate;
}
}

Yukarıdaki kod, JavaScript sınıfı oluşturucusunun önemli bir yönünü sunar; Java ve C++ gibi diğer dillerin aksine, JavaScript'in oluşturucusu, bir oluşturucu oluşturmak için sınıf adını kullanmaz. kullanır yapıcı Yukarıdaki örnekte gördüğünüz gibi anahtar kelime.

İlişkili: Java'da Sınıfların Nasıl Oluşturulacağını Öğrenin

NS yapıcı yukarıdaki örnekte üç parametre alır ve Bugün nasılsın sınıfın geçerli örneğine parametreleri atamak için anahtar kelime. Biraz kafa karıştırıcı görünebilir, ancak anlamanız gereken şey, bir sınıfın birçok ev oluşturmak için kullanılan bir plan olarak görülebileceğidir.

İnşa edilen her ev daha sonra bu sınıfın bir nesnesi olarak görülebilir. Bu evlerin her biri aynı planla oluşturulmuş olsa da, belirli coğrafi konumları veya onlara sahip olan kişiler tarafından ayırt edilebilirler.

NS Bugün nasılsın anahtar kelime, bir sınıf tarafından oluşturulan her nesneyi ayırt etmek için kullanılır. Aynı sınıf kullanılarak oluşturulan her nesne için doğru verilerin depolanmasını ve işlenmesini sağlar.

JavaScript'te Nesne Oluşturma

Yapıcılar, JavaScript gibi bir dilde önemlidir, çünkü belirli bir sınıfa ait bir nesnenin sahip olması gereken özniteliklerin sayısını belirtirler. Bazı diller, bir özniteliğin (değişkenin) bir kurucuda veya diğer yöntemlerde kullanılmadan önce bildirilmesini gerektirir. Ancak, JavaScript'te durum böyle değil.

İlişkili: JavaScript'te Değişkenler Nasıl Bildirilir

Yukarıdaki öğrenci sınıfı yapıcısına bakarak, bu sınıfın bir nesnesinin üç özelliği olacağını fark edebilirsiniz.

Bir Nesne Örneği Oluşturma

Aşağıda, JavaScript'te bir nesne oluşturmaya yönelik bir örnek göreceksiniz.

//yeni bir nesne oluştur
const john = new Student('John', 'Kahverengi', '2018');

Yukarıdaki kod, Öğrenci Bir nesne oluşturmak için sınıf.

Bir sınıfın nesnesini oluştururken, kullanmanız gerekir. yeni anahtar kelime, ardından sınıf adı ve ilgili özniteliklere atamak istediğiniz değerler. Artık John adında, Brown soyadında ve başlangıç ​​tarihi 2018 olan yeni bir öğrenciniz var. Ayrıca sabit bir değişkeniniz var: John. Bu değişken, oluşturulan nesneyi kullanmanıza izin verdiği için önemlidir.

olmadan John değişkeni kullanarak yine de yeni bir nesne oluşturabileceksiniz. Öğrenci ancak o zaman bu nesneye erişmenin ve onu sınıfın farklı yöntemleriyle kullanmanın hiçbir yolu olmayacak.

JavaScript Sınıflarında Yöntemleri Kullanma

Yöntem, sınıftan oluşturulan nesneler üzerinde işlemler gerçekleştirmek için kullanılan bir sınıfın işlevidir. Öğrenci sınıfına eklemek için iyi bir yöntem, her öğrenci hakkında bir rapor oluşturan yöntemdir.

Sınıf Yöntemleri Örneği Oluşturma

Aşağıda JavaScript'te sınıf yöntemleri oluşturmaya bir örnek verilmiştir.

sınıf Öğrencisi{
yapıcı (firstName, lastName, startDate){
this.firstName = ilkAd;
this.lastName = lastName;
this.startDate = startDate;
}
// rapor yöntemi
bildiri(){
return `${this.firstName} ${this.lastName}, ${this.startDate}` tarihinde bu kuruma gitmeye başladı.
}
}

Yukarıdaki sınıf, oluşturulan her öğrenci hakkında bir rapor oluşturacak bir yöntem içerir. Öğrenci sınıf. kullanmak için bildiri() basit bir işlev çağrısı yapmak için sınıfın mevcut bir nesnesini kullanmanız gerekecek.

Yukarıdaki “nesne oluşturma örneği” sayesinde, bir nesneye sahip olmalısınız. Öğrenci değişkene atanan sınıf John. kullanma John, şimdi başarıyla arayabilirsiniz bildiri() yöntem.

Sınıf Yöntemlerini Kullanma Örneği

Aşağıda JavaScript'te sınıf yöntemlerinin kullanımına bir örnek verilmiştir.

//yeni bir nesne oluştur
const john = new Student('John', 'Kahverengi', '2018');
//rapor yöntemini çağırmak ve sonucunu bir değişkende saklamak
sonuç = john.report();
//sonucu konsola yazdırıyoruz
konsol.log (sonuç);

Yukarıdaki kod, öğrenciler konsolda aşağıdaki çıktıyı üretmek için sınıf:

John Brown, 2018 yılında bu kuruma katılmaya başladı.

JavaScript Sınıflarında Statik Yöntemleri Kullanma

Statik yöntemler benzersizdir çünkü bir JavaScript sınıfında nesne olmadan kullanılabilen tek yöntemlerdir.

Yukarıdaki örnekte, kullanamazsınız bildiri() sınıfın bir nesnesi olmayan yöntem. Bunun nedeni, bildiri() Yöntem, istenen bir sonucu üretmek için bir nesnenin niteliklerine dayanır. Ancak, statik bir yöntem kullanmak için yalnızca yöntemi depolayan sınıfın adına ihtiyacınız olacaktır.

Statik Yöntem Örneği Oluşturma

Aşağıda JavaScript için statik bir yöntem örneği verilmiştir.

sınıf Öğrencisi{
yapıcı (firstName, lastName, startDate){
this.firstName = ilkAd;
this.lastName = lastName;
this.startDate = startDate;
}
// rapor yöntemi
bildiri(){
return `${this.firstName} ${this.lastName}, ${this.startDate}` tarihinde bu kuruma gitmeye başladı.
}
//statik yöntem
statik bitişTarihi (başlangıçTarihi){
startDate + 4'ü döndür;
}
}

Yukarıdaki örnekte dikkat edilmesi gereken önemli nokta, her statik yöntemin statik anahtar kelime.

Statik Yöntem Örneği Kullanma

Aşağıda JavaScript'te statik bir yöntem kullanma örneği verilmiştir.

//statik bir yöntemi çağırmak ve sonucunu konsola yazdırmak
konsol.log (Öğrenci.bitiş Tarihi (2018));

Yukarıdaki kod satırı, öğrenciler konsolda aşağıdaki çıktıyı üretmek için sınıf:

2022

JavaScript Sınıfı Oluşturmak Kolaydır

Bir JavaScript sınıfı oluşturmak ve ondan bir veya daha fazla nesne başlatmak istiyorsanız hatırlamanız gereken birkaç şey vardır:

• Bir JavaScript sınıfı aşağıdaki özelliklere sahip olmalıdır: sınıf anahtar kelime.
• JavaScript yapıcısı, bir nesnenin sahip olabileceği değerlerin sayısını belirtir.
• Genel sınıf yöntemleri bir nesne olmadan kullanılamaz.
• Statik yöntemler bir nesne olmadan kullanılabilir.

NS konsol.kayıt() yöntemi, bir JavaScript sınıfında hem genel hem de statik yöntemleri kullanmanın sonuçlarını sağlamak için bu makale boyunca kullanılmaktadır. Bu yöntem, hata ayıklama sürecinde yardımcı olduğu için herhangi bir JavaScript geliştiricisi için kullanışlı bir araçtır.

Kendinizi tanımak konsol.log() method bir JavaScript geliştiricisi olarak yapabileceğiniz en önemli şeylerden biridir.

Nihai JavaScript Hile Sayfası

Bu hile sayfasıyla JavaScript öğelerini hızlı bir şekilde tazeleyin.

Sonrakini Oku

Yazar hakkında