Yükleniyor...

Değişkenler ve Veri Türleri

Değişkenler ve Veri Türleri (Variables and Data Types), JavaScript’in temel taşlarından biridir. Bir değişken, verileri geçici olarak saklayabileceğimiz etiketli bir kutu gibidir; veri türü ise bu kutuda hangi türde bilgiyi saklayabileceğimizi belirler: metin (string), sayı (number), mantıksal değer (boolean) veya liste (array). Bu kavramları anlamak, bir kişisel web sitesi, blog, e-ticaret sitesi veya haber portalı geliştirmek için kritiktir.
Örneğin, bir blogda değişkenler makale başlığı, yazar adı ve yayın tarihi için kullanılabilir. E-ticaret sitesinde ise ürün adı, fiyat ve stok durumu gibi bilgiler değişkenlerde tutulur. Bu ders ile let ve const kullanarak değişkenlerin nasıl tanımlandığını, farklarını ve JavaScript’in temel veri türlerini öğreneceksiniz. Bu süreç, bir evi inşa etmeye veya bir odayı düzenlemeye benzetilebilir: Her değişken bir tuğladır ve veri türünü doğru kullanmak, yapıyı sağlam ve düzenli kılar.

Temel Örnek

javascript
JAVASCRIPT Code 
// Declare variables with different data types
let kullaniciAdi = "Ahmet"; // string
const yas = 25; // number
let oturumAcik = true; // boolean
console.log("Kullanıcı Adı:", kullaniciAdi);
console.log("Yaş:", yas);
console.log("Oturum Açık mı:", oturumAcik);

Bu örnekte üç temel değişken türü kullandık:

  • let kullaniciAdi = "Ahmet";
    let ile tanımlanan değişkenler program boyunca değiştirilebilir. String türü, kullanıcı adı gibi metinsel bilgileri saklar.

  • const yas = 25;
    const ile tanımlanan değişkenler sabittir; atandıktan sonra değeri değiştirilemez. Sabit değerler için kullanılır.

  • let oturumAcik = true;
    Boolean türü sadece true veya false değerlerini alır. Örneğin, kullanıcının oturum açıp açmadığını kontrol etmek için uygundur.
    console.log fonksiyonu, değerleri tarayıcı konsoluna yazdırır; bu, hata ayıklama ve test için önemlidir. Bu yapı, bilgileri düzenli saklamayı sağlar, tıpkı bir kütüphaneyi veya odayı düzenlemek gibi.

Pratik Örnek

javascript
JAVASCRIPT Code 
// Product data management in an e-commerce site
const urunAdi = "Akıllı Telefon"; // string
let urunFiyati = 499.99; // number
let stoktaVarMi = true; // boolean
let yorumlar = \[5, 4, 5, 3]; // array
console.log("Ürün:", urunAdi);
console.log("Fiyat:", urunFiyati);
console.log("Stok Durumu:", stoktaVarMi);
console.log("Yorumlar:", yorumlar);

Bu pratik örnekte, bir e-ticaret sitesindeki ürün bilgilerini sakladık:

  • const urunAdi ürünün adını sabitler.
  • let urunFiyati fiyatın değiştirilebilir olmasını sağlar, örneğin indirimlerde.
  • let stoktaVarMi ürünün mevcut olup olmadığını belirtir.
  • let yorumlar array ile kullanıcı değerlendirmelerini saklar ve ortalama puan hesaplamalarında kullanılabilir.
    Bu yapı, uygulamada verilerin düzenli yönetilmesini sağlar ve kodun anlaşılır ve hatasız olmasına katkıda bulunur.

En iyi uygulamalar ve sık yapılan hatalar:
En iyi uygulamalar:

  1. Sabit değerler için const, değişebilecekler için let kullanın.
  2. Anlamlı ve açıklayıcı değişken isimleri tercih edin.
  3. Kod içinde değişkenlerin türünü açıklayan yorumlar ekleyin.

  4. İşlem yapmadan önce veri türlerini kontrol edin.
    Sık yapılan hatalar:

  5. Aynı değişkende farklı türler kullanmak.

  6. Matematiksel veya mantıksal işlemlerde veri türünü dikkate almamak.
  7. const ile tanımlanmış bir değişkeni değiştirmeye çalışmak.
  8. İlişkili verileri array veya obje yerine ayrı değişkenlerde tutmak.
    Hata ayıklama ipuçları:
  • console.log ile değerleri ve türleri kontrol edin.
  • Tarayıcı konsolundaki hataları inceleyin.
  • Kod parçalarını ana projeye eklemeden önce test edin.

📊 Hızlı Referans

Property/Method Description Example
let Değiştirilebilir değişken let oturumAcik = true;
const Değiştirilemez değişken const yas = 25;
string Metinsel veri türü let kullaniciAdi = "Ahmet";
number Sayısal veri türü let urunFiyati = 499.99;
boolean Mantıksal veri türü let stoktaVarMi = true;
array Liste veri türü let yorumlar = \[5,4,5];

Bu ders ile değişkenleri nasıl oluşturacağınızı, veri türlerini nasıl kullanacağınızı ve bilgileri etkili şekilde organize etmeyi öğrendiniz. Bu bilgiler, HTML DOM ile etkileşim ve sunucu tarafı iletişiminde temel yapı taşlarını oluşturur.
Bir sonraki adımlar:

  • Objeler ve özellikleri öğrenmek
  • Fonksiyonlar ve döngülerle görevleri otomatikleştirmek
  • Array ve gelişmiş metodları kullanmak
    Pratik yapmaya devam etmek, bilgilerin pekişmesini ve daha güvenilir uygulamalar geliştirilmesini sağlar.

🧠 Bilginizi Test Edin

Başlamaya Hazır

Bilginizi Test Edin

Bu konudaki anlayışınızı pratik sorularla test edin.

❓
4
Sorular
🎯
70%
Geçmek İçin
♾️
∞
Süre
🔄
∞
Deneme

📝 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
Konu 4 / 53
Javascript Ders