JavaScript Temelleri
Javascript programları html içerisine <script> etiketi ile eklenebilir.
Örneğin:
<script> etiketi içerisine yazdığınız JavaScript komutu tarayıcı o koda geldiğinde doğrudan okunur.
JavaScript dosyası oluşturulmak istenirse ornek.js şeklinde oluşturulup script tagı olmada kod yazılmalıdır.
JavaScript'in temel kavramlarına bir göz atalım:
- Değişkenler (Variables): JavaScript'te verileri depolamak ve işlemek için değişkenler kullanılır. Bir değişken tanımlamak ve değer atamak için var, let, veya const kullanabilirsiniz.
JavaScript'de var, let ve const, değişken tanımlamak için kullanılan anahtar kelimelerdir ve bu anahtar kelimelerin farkları şunlardır:
1.var Değişkeni:
- var ile tanımlanan değişkenler, işlev (function) kapsamı (function scope) veya global kapsam (global scope) içinde tanımlanırlar.
- var değişkenleri "hoisting" olarak adlandırılan bir davranışa sahiptir. Bu, var ile tanımlanan bir değişkenin tanımının, değişkenin bulunduğu kapsam içinde en üstte (scope başında) yapıldığını gösterir. Ancak, atama işlemi bu adımın ötesinde yapılıyorsa, değişkenin değeri undefined olur.
- var ile tanımlanan değişkenler, aynı isimde tekrar tanımlanabilir.
Örnek:
2.let Değişkeni:
- let ile tanımlanan değişkenler, blok kapsamı (block scope) içinde tanımlanır. Bu, let ile tanımlanan değişkenlerin yalnızca tanımlandıkları blok içinde erişilebilir olduğu anlamına gelir.
- let, "hoisting" davranışına sahiptir, ancak tanım yapılmadan önce erişilmeye çalışıldığında referans hatası alınır.
- let ile tanımlanan değişkenler, aynı isimde tekrar tanımlanamaz.
Örnek:
3. const Sabiti:
- const ile tanımlanan değişkenler, blok kapsamı içinde tanımlanır ve const ile tanımlanan değişkenlerin değeri bir kez atanır ve daha sonra değiştirilemez.
- const, "hoisting" davranışına sahiptir ve tanım yapılmadan önce erişilmeye çalışıldığında referans hatası alınır.
- const ile tanımlanan değişkenler, aynı isimde tekrar tanımlanamaz ve değeri değiştirilemez.
Örnek:
Genel olarak, modern JavaScript kodlamasında, let ve const tercih edilir ve var kullanımından kaçınılır. let, değişkenlere yeniden atama ihtiyacı olduğunda kullanılırken, const ise sabit bir değere ihtiyaç duyulduğunda tercih edilir. Bu yaklaşım, daha iyi kapsam yönetimi sağlar ve beklenmedik hataların önlenmesine yardımcı olur.
- Veri Türleri (Data Types): JavaScript'te temel veri türleri şunlardır: sayılar, metinler, boolean (doğru/yanlış), dizi, nesne, vb.
- Operatörler (Operators): JavaScript, aritmetik operatörler (+, -, *, /), karşılaştırma operatörleri (==, ===, !=, !==), mantıksal operatörler (&&, ||, !) ve daha birçok operatör içerir.
Aritmetik Operatörler:
- + (Toplama): İki sayıyı toplamak için kullanılır.
- * (Çarpma): İki sayıyı çarpmak için kullanılır.
- / (Bölme): Bir sayıyı diğerine bölmek için kullanılır.
- % (Modülüs): Bir sayının diğerine bölünmesinden kalanı verir, yani bölümden kalanı hesaplar.
Karşılaştırma Operatörleri:
- != (Eşit Değil mi?): İki değeri karşılaştırır ve eşit değilse true döner. Özdeşlik kontrolü yapmaz.
- !== (Tam Eşit Değil mi?): İki değeri hem değer hem de veri türü açısından karşılaştırır ve her iki açıdan da eşit değilse true döner.
- < (Küçük mü?): Bir değerin diğerinden küçük olup olmadığını kontrol eder.
- > (Büyük mü?): Bir değerin diğerinden büyük olup olmadığını kontrol eder.
- <= (Küçük veya Eşit mi?): Bir değerin diğerinden küçük veya eşit olup olmadığını kontrol eder.
- >= (Büyük veya Eşit mi?): Bir değerin diğerinden büyük veya eşit olup olmadığını kontrol eder.
Mantıksal Operatörler:
- && (Ve - AND): İki koşulu kontrol eder. Her iki koşul da true ise sonuç true olur.
- || (Veya - OR): İki koşulu kontrol eder. Herhangi bir koşul true ise sonuç true olur.
- ! (Değil - NOT): Bir koşulun tersini alır. true ise false, false ise true yapar.
- Koşullu İfadeler (Conditional Statements): if, else if, ve else ifadeleri kullanılarak koşullara bağlı olarak kodunuzun farklı bölümlerini çalıştırabilirsiniz.
- Döngüler (Loops): Döngüler, belirli bir kod bloğunu tekrar tekrar çalıştırmak için kullanılır. JavaScript'te for, while, ve do...while döngüleri bulunur. Konu detaylarını ilgili yazımızda bulabilirsiniz.
- Fonksiyonlar (Functions): JavaScript fonksiyonlarını tanımlayarak belirli bir işlevi gerçekleştirebilirsiniz. Fonksiyonlar, belirli bir görevi yerine getirmek için çağrılabilir.
- Diziler (Arrays): Diziler, birden çok öğeyi tek bir değişkende saklamak için kullanılır. Diziler, endekslerle erişilebilirler.
- Nesneler (Objects): Nesneler, birçok özelliği (property) ve bu özelliklere ait değerleri içeren karmaşık veri yapılarıdır.
- Olaylar (Events): JavaScript, web sayfalarında gerçekleşen olayları (örneğin, tıklama veya fare hareketi) yakalamak ve işlemek için kullanılır.
- DOM Manipülasyonu (Document Object Model): JavaScript, HTML belgesinin yapısını değiştirme, yeni öğeler ekleme ve mevcut öğeleri güncelleme işlevini yerine getirir.
- Hata İzleme ve Ayıklama (Error Handling and Debugging): JavaScript kodunu hata ayıklama ve hataları yakalama için araçlar içerir.
Bu temel kavramlar, JavaScript öğrenmeye başlarken dikkate almanız gereken başlangıç noktalarıdır. JavaScript, web geliştirmenin temel taşıdır ve bu temel kavramları anlamak, daha karmaşık projeleri geliştirmenize yardımcı olacaktır.
0 Yorum
Takip Et
Tüm hakları saklıdır. © 2024
Yorum Yap