İnteraktif web'in bel kemiği JavaScript dünyasına hoş geldiniz 🙏. JavaScript, basit düğme tıklamalarından karmaşık web uygulamalarına kadar web sitelerini hayata geçirir. Bu blog gönderisinde, JavaScript'in temellerini keşfedeceğiz ve onu etkileşimli ve dinamik web siteleri oluşturmak için nasıl kullanacağımızı öğreneceğiz. Değişkenler ve veri türlerinden kontrol akış ifadelerine, işlevlere ve dizilere kadar hepsini ele alacağız. Web sitelerinizi JavaScript ile nasıl canlandıracağınızı öğrenmeye hazır olun!

DALL·E 2023-01-22 23.53.39 - fox mad scientist rooted in king's chair digital art.png

1. JavaScript'teki değişkenlerin ve veri türlerinin temellerini anlamak

JavaScript, bilgileri depolamak ve değiştirmek için yapı taşları olarak değişkenleri ve veri türlerini kullanır. Değişkenleri, farklı türde değerleri tutabilen etiketli kutular olarak düşünün, veri türleri ise bu kutuların üzerinde ne tür değerleri tutabileceklerini gösteren etiketlerdir.

JavaScript, aralarından seçim yapabileceğiniz çeşitli yerleşik veri türlerine sahiptir, örneğin:

Veri tipleri Açıklama Misal
String metin verilerini temsil eder 'hello'vb "hello world!".
Number bir tamsayı veya kayan noktalı sayı 3, 3.234vb 3e-2.
BigInt keyfi hassasiyete sahip bir tamsayı 900719925124740999nvb 1n.
Boolean İki değerden herhangi biri: doğru veya yanlış truevefalse
undefined değişkeni başlatılmamış bir veri türü let a;
null nullbir değeri belirtir let a = null;
Symbol örnekleri benzersiz ve değişmez olan veri türü let value = Symbol('hello');
Object veri toplamanın anahtar-değer çiftleri let student = { };

Burada, Object dışındaki tüm veri türleri ilkel veri türleridir,  Objectilkel değildir.

Not: Veri Objecttürü (ilkel olmayan tür) veri koleksiyonlarını depolayabilirken, ilkel veri türü yalnızca tek bir veriyi depolayabilir.

JavaScript'te bir değişken bildirmek için var, let, veya constanahtar kelimesini ve ardından değişken adını kullanırsınız. Örneğin:

let name = "Hakan";
const pi = 3.14;
var age;

Yukarıdaki örnekte, name"Hakan" dize değerini depolayan pibir değişken, 3.14 sayısal değerini depolayan bir agedeğişken ve tanımlanmış ancak bir değer atanmamış değişkendir, bu nedenle tanımsız bir değere sahip olacaktır.

typeofBir değişkenin veri tipini kontrol etmek için operatörü de kullanabilirsiniz .

console.log(typeof name); // prints "string"
console.log(typeof pi); // prints "number"
console.log(typeof age); // prints "undefined"

JavaScript'in gevşek yazılmış bir dil olduğunu akılda tutmak önemlidir; bu, bir değişken bildirirken veri türünü belirtmeniz gerekmediği anlamına gelir. Veri türü, değişkene atanan değer tarafından belirlenir.

Örneğin, aşağıdaki kod değişkene bir sayı atar x, ancak daha sonra onu bir dizgeye yeniden atar:

let x = 10;
console.log(typeof x); // prints "number"x = "hello";
console.log(typeof x); // prints "string"

Anlamlı değişken adları kullanmak da önemlidir, bu nedenle değişkenin ne tuttuğunu anlamak kolaydır, size ve gelecekte kodunuzu okuyacak diğer geliştiricilere yardımcı olacaktır.

2. Kontrol akış deyimleri nasıl kullanılır (if/else, for döngüleri, while döngüleri)

Kontrol akışı ifadeleri, bir programdaki yürütme akışını kontrol etmek için kullanılır. JavaScript'te, üç ana kontrol akışı ifadesi türü if/else, for döngüleri ve while döngüleridir.