Javascript temiz kod yazma rehberi

Bu yazıda daha temiz ve okunaklı Javascript yazmak için genel kabul görmüş kuralları yazdım.

Öncelikle çalıştığı sürece nasıl javascript yazdığınızın bir önemi yok,
Fakat projenin her yerinde aynı stili kullanmak ve belli kurallara uymak okunaklı ve kolay hata çözülebilir kod yazmanıza yardımcı olur.

En önemli kısmı aynı stili devam ettirmek. Ama aşağıdaki genel kabul görmüş birkaç kuralı sizin için derledim.

Değişken isimlendirme

Değişken isimlendirirken camelCase kullanın. Tüm değişkenleri bir harf ile başlatın.

Değişken tanımlamak için let veya const kullanın.

Sabit değişkenlerinin isimlerini büyük harfle yazın.

let isim = "Ali";
const PI = 3.14;
let programlamaDili = "Javascript";

function sayilariTopla(x, y) {
  return x + y;
}

Boşluk kullanımı

Operatörler arası bir boşluk bırakın. ( – + * / , gibi )

Kod blokları için bir tab boşluk bırakın, tab 2 karakter olsun.

Fonksiyonların parantezinden sonra bir boşluk olsun.

let x = y + z;
const arabaListesi = ["Volvo", "Saab", "Fiat"];

function sayilariTopla(x, y) {
  return x + y;
}

Noktalı virgül kullanımı

Noktalı virgül JS’de zorunlu değil. Hatta Noktalı virgül zorunlu mu ? yazımda anlatmıştım okuyabilirsiniz.

Fakat genel kural olarak noktalı virgül kullanımı tavsiye edilen yol.

let ad = "Mehmet";
let soyAd = "Yılmaz";

Obje kuralları

Obje oluştururken açılan köşeli parantezi obje adı ile aynı satıra koyun.

Objenin elemanlarını bir tab içeriden yazın.

Objenin her elemanı için tanımladıktan sonra iki nokta yanına bir boşluk bırakın. Aynı satırın sonuna virgül koyun

Son obje elemanının sonuna virgül koymayın

Objenin kapa parantezini en aşağıya koyun ve sonuna noktalı virgül koyun

let kullanici = {
  ad: "Ali",
  soyad: "Yılmaz",
  id: 175698,
  siparisNo: 99567
};

Satırdaki karakterler en fazla 80 olmalı

Bunu zaten kod editörleri yardımıyla hallediyoruz ama bir satırdaki karakter sayısı en fazla 80 olmalı.

document.getElementById("main").innerHTML =
"Hello JS.";

Yorum bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Scroll to Top