JavaScript Dersleri

JavaScript’te null ve undefined

eminbasbayan

eminbasbayan

4 dk okuma
JavaScript’te null ve undefined
🔍 Büyütmek için tıklayın

JavaScript’te primitive (ilkel) veri türleri, programlamanın temel yapı taşlarıdır. Bu veri türlerinden numbers (sayılar), booleans (mantıksal değerler) ve strings (metinler) daha önce ele aldığımız konular arasındaydı. Şimdi ise null ve undefined kavramlarını inceleyeceğiz.

Bu iki kavram, ilk bakışta benzer görünebilir, ancak aralarındaki farkları anlamak oldukça önemlidir. Neyse ki, diğer veri türleri kadar karmaşık değiller.

Undefined Nedir?

JavaScript’te undefined, bir değişkenin tanımlanmış ama değer atanmamış olduğunu gösteren bir değerdir. JavaScript otomatik olarak bir değişkene başlangıçta undefined değeri atar eğer o değişkene bir değer verilmezse.

Undefined Nasıl Oluşur?

  1. Bir değişken oluşturulup ona değer atanmazsa:

    let isim; console.log(isim); // undefined

    Burada isim değişkeni oluşturuldu, ancak herhangi bir değer atanmadı. Bu nedenle değeri undefined oldu.

  2. Bir fonksiyon değer döndürmezse:

    function selamVer() { console.log("Merhaba!"); } let sonuc = selamVer(); console.log(sonuc); // undefined

    selamVer() fonksiyonu bir şey döndürmüyor, bu yüzden çağrıldığında geri döndürülen değer undefined olur.

  3. Bir dizide olmayan bir indekse erişmeye çalışırsak:

    let meyveler = ["Elma", "Armut", "Çilek"]; console.log(meyveler[5]); // undefined

    Dizide 5. indeks olmadığı için JavaScript bize undefined döndürür.

Null Nedir?

Null, bilinçli olarak bir değişkene "boş" değer atamak için kullanılan bir değerdir. Bizim tarafımızdan atanır ve bilinçli olarak "bu değişken şu anda bir şey ifade etmiyor" demek için kullanılır.

Null Nasıl Kullanılır?

  1. Bir değişkenin başlangıçta "boş" olduğunu belirtmek için:

    let aktifKullanici = null; console.log(aktifKullanici); // null

    Burada aktifKullanici değişkenine başlangıçta bilinçli olarak null atanmış. Bu, sistemde şu anda giriş yapmış bir kullanıcı olmadığını açıkça belirtmek için kullanılabilir.

  2. Bir değeri sonradan kaldırmak için:

    let siparis = "Kahve"; console.log(siparis); // "Kahve" siparis = null; // Artık sipariş yok console.log(siparis); // null

    siparis değişkenine başlangıçta "Kahve" atanmıştı, ancak sonra değerini kaldırıp null yaptık. Böylece, artık sipariş olmadığını belirttik.

Undefined ve Null Arasındaki Farklar

ÖzellikUndefinedNull
Kim tarafından atanır?JavaScript tarafından otomatik atanırGeliştirici tarafından atanır
Ne anlama gelir?Değişkenin değeri tanımlanmamışDeğişken bilinçli olarak boş bırakılmış
Matematiksel işlemde değeriNaN (Geçersiz sayı)0 olarak kabul edilir
Türüundefinedobject (JavaScript’in eski bir hatası)

Örnek:

let x; console.log(x); // undefined let y = null; console.log(y); // null

Burada x değişkeni hiç değer almadığı için undefined, y değişkeni ise bilinçli olarak null olarak atanmıştır.

Matematiksel İşlemlerde Null ve Undefined

Matematiksel işlemlerde null ve undefined farklı davranır:

console.log(5 + null); // 5 (null, 0 olarak değerlendirilir) console.log(5 + undefined); // NaN (Not a Number)
  • Null, toplama işleminde 0 gibi davranır.
  • Undefined, matematiksel işlemlerde geçersiz bir değer (NaN) üretir.

Ne Zaman Null, Ne Zaman Undefined Kullanılır?

SenaryoKullanılacak Değer
Bir değişken tanımlandı ama henüz değer almadıysaundefined (JavaScript otomatik olarak atar)
Bir değişkenin içeriğini bilinçli olarak "boş" yapmak istiyorsanıznull
Bir fonksiyon, hiçbir şey döndürmüyorsaundefined
Kullanıcı giriş yaptıysa bir nesne içerecek, giriş yapmadıysa boş olacaksanull

Örnek:

let girisYapanKullanici = null; // Başlangıçta kimse giriş yapmamış function kullaniciGirisi(kullaniciAdi) { girisYapanKullanici = kullaniciAdi; } console.log(girisYapanKullanici); // null (Henüz giriş yapan yok) kullaniciGirisi("Ali"); console.log(girisYapanKullanici); // "Ali" (Artık giriş yapan bir kullanıcı var)

Sonuç

JavaScript’te null ve undefined kavramları ilk bakışta birbirine benzeyebilir, ancak farklı amaçlara hizmet ederler:

  • Undefined, JavaScript tarafından otomatik olarak atanır ve değişkenin henüz bir değer almadığını gösterir.
  • Null, bir değişkenin bilinçli olarak boş bırakıldığını ifade eder ve geliştirici tarafından atanır.

Bu farkları anlamak, JavaScript’te veri yönetimini doğru yapmak açısından önemlidir. Gelişmiş projelerde özellikle veri tabanı işlemleri, kullanıcı oturum yönetimi ve hata kontrollerinde sıkça karşılaşacağımız bu iki kavramı doğru şekilde kullanmayı öğrenmek, daha temiz ve anlaşılır kod yazmamızı sağlar.

Etiketler

#Eğitimler#JavaScript Dersleri

İlgili Yazılar

Bu konuyla ilgili diğer yazılarımızı da inceleyebilirsiniz

Web Geliştirmede Neden JavaScript'e İhtiyacımız Var?
Genel

Web Geliştirmede Neden JavaScript'e İhtiyacımız Var?

Web geliştirme, temel olarak üç ana yapı taşı üzerine kuruludur: **HTML, CSS ve JavaScript**. Bu üçlüden **HTML**, sayfanın iskeletini oluşturur, **CSS**, tasarımı ve görsel düzenlemeleri yapar

2 dk
JavaScript'e Giriş: JavaScript Nedir?
Genel

JavaScript'e Giriş: JavaScript Nedir?

Web geliştirme yolculuğunuzda büyük bir adım atıyorsunuz! HTML ve CSS ile statik web sayfaları oluşturmayı öğrendiniz, ancak şimdi JavaScript ile sayfanıza hareket ve etkileşim katmanını eklemeye hazırsınız. JavaScript, web sayfalarını dinamik hale getiren ve kullanıcı etkileşimlerini yöneten

3 dk
JavaScript Değişkenler (Variables) Nedir?
Genel

JavaScript Değişkenler (Variables) Nedir?

JavaScript, web geliştirme dünyasının en önemli dillerinden biridir. Dinamik web siteleri, interaktif uygulamalar, oyunlar ve animasyonlar gibi birçok alanda kullanılır. Ancak, bu tür gelişmiş uygulamalar oluşturabilmek için önce JavaScript'in temellerini anlamak gerekir. Bu

4 dk
JavaScript İlkel (Primitive) Veri Tipleri
Genel

JavaScript İlkel (Primitive) Veri Tipleri

JavaScript, modern web geliştirmede vazgeçilmez bir programlama dilidir. Web sitelerini daha dinamik hale getirmek, etkileşim eklemek ve hatta oyunlar ve uygulamalar geliştirmek için kullanılır. Ancak, bu eğlenceli ve güçlü özelliklere ulaşmadan önce, JavaScript'in temellerin

4 dk
JavaScript'te Sayılar ve Matematiksel Operatörler
Genel

JavaScript'te Sayılar ve Matematiksel Operatörler

JavaScript, modern web geliştirmede en yaygın kullanılan programlama dillerinden biridir. Bu dilde çalışırken sayılarla sıkça işlem yaparız. İster bir hesap makinesi uygulaması geliştiriyor olun, ister bir oyundaki puan sistemini kodluyor olun, sayılar kaçınılmaz bir parçadır. JavaScri

4 dk
JavaScript'te Boolean Veri Tipi
Genel

JavaScript'te Boolean Veri Tipi

JavaScript'ı öğrenmeye yeni başlayanlar için veri tipleri oldukça önemlidir. Bu yazıda, en temel veri tiplerinden biri olan **Boolean (mantıksal) değerleri** inceleyeceğiz. Boolean değerleri, programlamada sıklıkla kullanılan ve kodlarımızın man

3 dk