JavaScript Operatörleri
JavaScript Operatörleri (JavaScript Operators), verileri işlemek, hesaplamalar yapmak ve koşullu mantık oluşturmak için kullanılan temel araçlardır. Bir evi inşa ederken kullandığınız çekiç ve tornavida gibi, operatörler kodunuzda değerleri manipüle etmenizi ve sonuçlar elde etmenizi sağlar.
Kişisel web sitelerinde, kullanıcı sayısını veya gönderi sayısını hesaplamak için; bloglarda, okunmuş ve okunmamış yazıları ayırmak için; e-ticaret sitelerinde fiyat hesaplamaları, indirim uygulamaları veya stok kontrolü için; haber sitelerinde içerik filtreleme ve öne çıkarma için operatörler aktif olarak kullanılır.
Bu eğitimde, aritmetik (arithmetic), karşılaştırma (comparison), mantıksal (logical) ve atama (assignment) operatörlerini öğreneceksiniz. Öğrenilen bilgilerle, web sitenizde kullanıcı etkileşimini artıracak dinamik fonksiyonlar oluşturabilirsiniz. Tıpkı bir odanın dekorasyonunu planlamak gibi, operatörleri doğru kullanmak kodunuzun düzenli, anlaşılır ve sürdürülebilir olmasını sağlar.
Temel Örnek
javascript// E-ticaret sitesinde ürünün nihai fiyatını hesaplama
let orijinalFiyat = 200; // ürünün temel fiyatı
let indirim = 50; // uygulanacak indirim
let nihaiFiyat = orijinalFiyat - indirim; // subtraction operator
console.log("Ürünün nihai fiyatı:", nihaiFiyat); // sonucu gösterBu örnekte iki değişken tanımladık: orijinalFiyat ve indirim. Nihai fiyatı hesaplamak için çıkarma (-) operatörünü kullandık. console.log, sonucu konsolda görmemizi sağlar.
Değerleri doğrudan yazmak yerine değişken kullanmak, verileri formlar, API veya veritabanından almanıza olanak tanır. Bu basit örnek, birden fazla indirim, vergi veya kargo ücreti eklemek gibi daha karmaşık hesaplamalar için temel oluşturur. Arithmetik operatörler, e-ticaret ve diğer interaktif uygulamalarda sıkça kullanılır.
Pratik Örnek
javascript// Haber sitesinde okunmamış makale sayısını hesaplama
let toplamMakaleler = 80; // mevcut makale sayısı
let okunmus = 30; // kullanıcının okuduğu makaleler
let okunmamis = toplamMakaleler - okunmus; // subtraction operator
let yeniVarMi = okunmamis > 0; // comparison operator
console.log("Okunmamış makale sayısı:", okunmamis);
console.log("Yeni makale var mı?", yeniVarMi);Bu örnek aritmetik ve karşılaştırma operatörlerini birleştirir. toplamMakaleler ve okunmus değişkenleri ile okunmamis değerini hesapladık. Ardından, büyük mü (>) operatörü ile yeniVarMi değişkenini oluşturduk.
Bu yöntem, bloglarda okunmamış yazıları, e-ticaret stok durumunu veya sosyal platformlarda yeni bildirimleri hesaplamak için de kullanılabilir. Operatörleri birleştirerek dinamik ve etkileşimli kullanıcı deneyimi sağlayabilirsiniz.
İyi Uygulamalar ve Yaygın Hatalar:
İyi Uygulamalar:
1- Değişken isimlerini işlevini anlatacak şekilde seçmek.
2- İşlem sırasını kontrol etmek için parantez kullanmak.
3- Farklı veri tiplerini karıştırmaktan kaçınmak.
4- Kısa atama operatörleri (+=, -=) kullanarak kodu sadeleştirmek.
Yaygın Hatalar:
1- Gereksiz değişken kullanımı, hafıza tüketimi.
2- Hatalı event handling, birden fazla çalıştırma.
3- Hataları yönetmemek, NaN veya undefined değerler.
4- Operatör önceliğini göz ardı etmek, yanlış hesaplamalar.
Debug ipuçları:
- console.log ile adım adım değerleri kontrol edin.
- Karmaşık ifadeleri daha küçük parçalara bölün.
- Önemli işlemleri yorum satırlarıyla açıklayın.
📊 Hızlı Referans
| Property/Method | Description | Example |
|---|---|---|
| + | Sayıları toplar veya stringleri birleştirir | 5 + 3 = 8, "Merhaba " + "Dünya" = "Merhaba Dünya" |
| - | Çıkarma operatörü | 10 - 4 = 6 |
| * | Çarpma operatörü | 6 * 7 = 42 |
| / | Bölme operatörü | 20 / 5 = 4 |
| % | Modül, kalan hesaplama | 10 % 3 = 1 |
| > | Büyüktür karşılaştırması | 5 > 3 = true |
Özet ve Sonraki Adımlar:
JavaScript Operatörleri, hesaplamalar, karşılaştırmalar ve koşullu mantık için temel araçlardır. Bu eğitimde aritmetik, karşılaştırma ve mantıksal operatörleri portföy siteleri, bloglar, e-ticaret ve haber sitelerinde uyguladık. Operatörler, interaktif ve dinamik fonksiyonlar oluşturmanıza olanak sağlar.
Sonraki adımlar, DOM manipülasyonu ile operatörleri birleştirerek içerik güncellemek ve backend ile veri doğrulama işlemlerini öğrenmek olmalıdır. Ternary, bitwise operatörleri ve işlem önceliğini öğrenmek, daha karmaşık uygulamalar geliştirmeyi sağlar. Küçük projelerde pratik yaparak bilgilerinizi pekiştirebilirsiniz.
🧠 Bilginizi Test Edin
Bilginizi Test Edin
Bu konudaki anlayışınızı pratik sorularla test edin.
📝 Talimatlar
- Her soruyu dikkatle okuyun
- Her soru için en iyi cevabı seçin
- Quiz'i istediğiniz kadar tekrar alabilirsiniz
- İlerlemeniz üstte gösterilecek