Bu adlandırma kurallarını izleyerek JavaScript kodunuzun okunabilirliğini ve bakımını geliştirin.

Karmaşık JavaScript projelerini yönetmek için kodunuzda basitliği, okunabilirliği ve bakım kolaylığını korumak çok önemlidir. Adlandırma kurallarına tutarlı bir şekilde bağlı kalmak, bu hedefe ulaşmanın anahtarıdır.

Değişkenler, mantıksal değerler, işlevler, sabitler, sınıflar, bileşenler, yöntemler, özel işlevler, genel değişkenler ve dosyalar, tutarlı adlandırma kuralları gerektiren JavaScript öğeleri arasındadır. Tüm bu bileşenlerde standartlaştırılmış adlandırma kurallarını uygulayarak, uzun vadede zamandan ve emekten tasarruf ederek kod organizasyonunu ve kavrayışını geliştirebilirsiniz.

1. Değişkenleri Adlandırma

JavaScript'te veriler değişkenlerde saklanır. İşlevlerini doğru bir şekilde yansıtan değişkenler için tanımlayıcı adlar seçmek önemlidir. yerine koyabilirsin mesela Kullanıcı adı veya toplam fiyat yerine bir değişkenin adı için X.

Değişkenleri adlandırmanın iyi bir yolu şöyledir:

instagram viewer 
izin vermek toplamFiyat = 100;
izin vermek kullanıcıAdı = "John";

Açıklayıcı değişken adları kullanılarak geliştirilmiş kod okunabilirliği elde edilebilir

2. Adlandırma Boole

Yalnızca iki değere sahip olabilen değişkenler, yani, doğru veya YANLIŞ, Boolean olarak bilinir. Amaçlarını ifade eden boolean değişkenler için uygun isimlerin seçilmesi çok önemlidir.

Örneklemek gerekirse, gibi bir değişken adı seçmek yerine doğru, ile gitmeyi tercih etmelisin geçerli veya hasDeğer.

Bu örneği göz önünde bulundurun:

izin vermek geçerli = doğru;
izin vermek sahipDeğer = YANLIŞ;

Bu örnekte, tanımlayıcı boolean değişken adları, neyi temsil ettiklerini netleştirir.

3. Adlandırma İşlevleri

JavaScript'te bir işlev, belirli bir görevi gerçekleştirmesi amaçlanan bağımsız bir kod birimini ifade eder. Kodun diğer bölümleri tarafından çağrılabilen veya çağrılabilen ve bağımsız bir varlık olarak çalışan bir kod bloğudur.

İşlevleri etkili bir şekilde adlandırmak için amaçlarını ileten açıklayıcı adlar kullanın. Örneğin, yerine fonksiyon oluşturmafoo, gibi daha açıklayıcı adlar seçin doğrulamaKullanıcıGirişi veya hesaplaToplamFiyat.

Örneğin:

işlevhesaplaToplamFiyat(fiyat miktarı) {
geri dönmek fiyat miktarı;
}
işlevdoğrulamaKullanıcıGirişi(giriş) {
geri dönmek giriş !== Tanımsız && girişi !== hükümsüz;
}

4. Adlandırma Sabitleri

Sabitler, yeniden atanamayan değişkenlerdir. Sabitleri adlandırırken, sözcükleri ayırmak için tüm büyük harfleri ve alt çizgileri kullanmak önemlidir.

Örneğin:

sabit MAX_PRICE = 1000;
sabit MIN_PRICE = 0;

Bu örnekte, sabit adlardaki sözcükleri ayırmak için tümü büyük harfler ve alt çizgiler kullanılmıştır.

5. Adlandırma Sınıfları

JavaScript'te nesneler, sınıf adı verilen planlar kullanılarak oluşturulabilir.. Kusursuz adlandırma uygulamalarına ulaşmak için, her kelimenin ilk harfinin büyük yazılmasını zorunlu kılan bir adlandırma kuralı olan PascalCase'i yürütmek son derece önemlidir.

Örneğin:

sınıfAlışveriş Sepeti{
inşaatçı(marka, model) {
Bu.make = yapmak;
Bu.model = model;
 }
}

Bu örnekte, sınıf Alışveriş Sepeti sınıf adındaki her kelimenin ilk harfinin büyük yazıldığı ve kelimeler arasında boşluk veya alt çizgi bulunmadığı anlamına gelen PascalCase kullanılarak adlandırılmıştır.

6. Bileşenleri Adlandırma

Bileşenler, modern yazılım geliştirmede, özellikle de React gibi çerçeveleryeniden kullanılabilir kodu vurgulayan.

Karmaşık bir kullanıcı arayüzünü veya uygulamayı daha küçük, yönetilebilir parçalara bölerek, farklı projelerde yeniden kullanılabilen, geliştirme süresini azaltan ve kodu artıran bileşenler yeterlik.

Yine, bileşenleri adlandırmak için PascalCase adlandırma kuralını kullanmanızı önemle tavsiye ederiz. Bu, bileşen adındaki her kelimenin ilk harfinin büyük yazılması anlamına gelir.

Böyle bir kural, tanımlamayı ve manipülasyonu basitleştirerek bileşenleri diğer kod parçalarından ayırt etmenize yardımcı olur.

işlevDüğme(sahne) {
geri dönmek<düğme>{props.label}düğme>;
}

Bu örnekte, bileşeni adlandırmak için PascalCase adlandırma kuralı kullanılmıştır. Düğme.

7. Adlandırma Yöntemleri

Yöntemleri adlandırırken, yöntemlerin bir nesneye ait işlevler olduğundan, yöntemin başardıklarını başarılı bir şekilde ileten açıklayıcı adlar kullanmak çok önemlidir.

Örneğin:

sınıfAraba{
inşaatçı(marka, model) {
Bu.make = yapmak;
Bu.model = model;
 }
 motoru çalıştır() {
// motoru çalıştırmak için kod 
 } 
 motoru durdur() { 
// motoru durdurmak için kod 
 }
 }
}

Tanımlayıcı isimler (motoru çalıştır, motoru durdur) bu örnekteki yöntemler için kullanılır ve kullanım amaçlarının kolayca anlaşılmasını sağlar.

8. Özel İşlevleri Adlandırma

Özel olarak tanımlanan işlevler, yalnızca tanımlandıkları nesne içinde erişimle sınırlandırılır. İşlevlerin özel olduğunu belirtmek için başa bir alt çizgi (_) eklemek çok önemlidir.

İşte bir örnek:

sınıfAraba{
inşaatçı(marka, model) {
Bu.make = yapmak;
Bu.model = model;
 }
 _motoru çalıştır() {
// motoru çalıştırmak için kod
 }
 _stopEngine() {
// motoru durdurmak için kod
 }
}

Bu örnekte baştaki alt çizgi kullanılarak, işlevlerin özel olduğu belirtilir.

9. Genel Değişkenleri Adlandırma

Global olarak sınıflandırılan değişkenlere kod tabanının herhangi bir yerinden erişilebilir. Bu tür global değişkenleri isimlendirirken, amaçlanan amacı etkili bir şekilde aktaran açık ve tanımlayıcı isimler kullanmak çok önemlidir.

Örneğin:

sabit MAX_PRICE = 1000;
sabit MIN_PRICE = 0;
işlevFiyatı kontrol et(fiyat) {
eğer (fiyat > MAX_PRICE) {
// yüksek fiyatları işlemek için kod
 } başkaeğer (fiyat < MIN_PRICE) {
// düşük fiyatları işlemek için kod
 }
}

10. Dosyaları Adlandırma

Verimli dosya organizasyonu, başarılı JavaScript proje yönetiminin çok önemli bir yönüdür. Kolaylaştırılmış ve tutarlı adlandırma kuralları sağlamak için, dosya adlarındaki sözcükleri küçük harfler ve kısa çizgiler kullanarak ayırmak çok önemlidir.

Küçük harfler tercih edilir çünkü JavaScript büyük/küçük harfe duyarlı bir dildir, bu da dilin küçük ve büyük harfleri farklı şekilde ele aldığı anlamına gelir. Dosya adları için küçük harflerin kullanılması tutarlılığı sağlar ve koddaki dosyalara atıfta bulunurken karışıklığı önler.

Dosya adlarında boşluklara izin verilmediğinden, dosya adlarındaki sözcükleri ayırmak için tire kullanılır. Alt çizgiler veya camelCase gibi diğer alternatifler de kullanılabilir, ancak okunabilirlikleri için genellikle kısa çizgiler tercih edilir.

Tire kullanmak ayrıca ekran okuyucuları veya diğer yardımcı teknolojileri olan kullanıcılar için dosya adlarını daha erişilebilir hale getirir.

uygulamam/
├── kaynak/
 ├── bileşenler/
 ├── button.js
 ├── giriş alanı.js
├── araçlar/
 ├── string-utils.js
 ├── tarih-utils.js
├── uygulama.js
├── index.js

Bu örnekte, dosya adlarındaki sözcükleri ayırmak için küçük harfler ve kısa çizgiler kullanılmıştır.

JavaScript'te Adlandırma Kurallarını İzlemenin Önemi

İyi adlandırma kurallarına uymak, JavaScript'te temiz ve sürdürülebilir kod yazmanın önemli bir yönüdür. Bu kuralları izleyerek, kodunuzu özellikle bazı durumlarda daha okunabilir ve bakım yapılabilir hale getirebilirsiniz. Hacimli kodu işlemeniz gereken JavaScript çerçeveleri, bu da size zamandan ve emekten tasarruf ettirebilir. uzun koşu.