JavaScript ve Değişkenler
JavaScript, tarayıcı tabanlı bir programlama dilidir. Tarayıcılar tarafından desteklenir ve kullanıcı tarafındaki etkileşimleri yönetmek, sayfadaki içeriği değiştirmek ve web sayfalarını dinamik hale getirmek için kullanılır.
JavaScript, HTML ve CSS web teknolojileriyle birlikte kullanılır. HTML sayfanın içeriğini tanımlarken, CSS sayfanın görünümünü tanımlar. JavaScript ise sayfadaki içeriği dinamik hale getirir ve kullanıcı etkileşimlerine göre işlem yapar.
JavaScript kodları, HTML içerisine <script>
etiketi ile eklenebilir.
<!DOCTYPE HTML>
<html>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<script>
alert( 'Hello, world!' );
</script>
</body>
</html>
Diğer yöntem ise, aşağıdaki örnekte olduğu gibi kod dosyaları ile oluşturulur.
<script src="/kod/yolu/ana.js"></script>
Buradaki /kod/yolu/ana.js
site ana dizininden itibaren kesin (absolute) yol belirtir.
Tabi göreceli (relative) yol belirtmek de mümkündür. Örneğin src="script.js"
HTML dosyasının kayıt edildiği klasördeki "script.js"
'yi al anlamına gelir.
JavaScript’in temel bileşenleri:
- Variables (değişkenler)
- Arrays and array iteration (diziler ve döngüler)
- Conditions (koşul ifadeleri)
- Objects (nesneler)
şeklindedir. İlk olarak bu yazımda değişkenleri konu alalım:
JavaScript’te Değişkenler
Değişkenler, programınızda verilerinizi saklamanızı ve değerlerini değiştirmenizi sağlar. Değişkenler, bir değer atamak için var
veya let
anahtar kelimelerini kullanarak tanımlanır. Ancak var
tanımlaması, kapsamı dışında da çalışabildiğinden, ES6 standartlarından sonra let
kullanımı yaygınlaştı. Değerinin değişmesini istemediğimiz değişkenlerimiz için ise (örneğin kullanıcı kimlik numaraları) const
anahtar kelimesini kullanırsanız. Örneklerle incelersek:
let x; // x değişkeni tanımlanır
x = 5; // x değişkenine 5 değeri atanır
Değişkenleri aynı anda tanımlamak ve değer atamak için de şu şekilde kullanabilirsiniz:
let y = 10; // y değişkeni tanımlanır ve 10 değeri atanır
Eğer const
anahtar kelimesini kullanırsanız, o değişkenin değeri değiştirilemez:
const z = "Selam"; // z değişkeni tanımlanır ve "Selam" değeri atanır
z = "Merhaba"; // Bu kod hata verir, çünkü z değişkeninin değeri değiştirilemez
JavaScript dilinde değişkenler türlerine bakılmaksızın değerlerine atanabilir. Örneğin, aşağıdaki kod çalıştırılabilir:
let x = "Merhaba"; // x değişkenine bir dize değeri atanır
x = 10; // x değişkenine bir tam sayı değeri atanır
Değişkenlerde İsimlendirme Kuralları
JavaScript dilinde değişken oluştururken iki sınırlama vardır.
- Değişken ismi sadece harfler, rakamlar,
$
ve_
karakterlerinden oluşabilir. - İlk karakter rakam olamaz.
Geçerli birkaç örnek şu şekildedir:
let kullaniciAdi;
let test123;
Değişkenleri yazarken kullanılan en popüler yazım şekilleri:
- camelCase
- PascalCase
- snake_case
- kebab-case
şeklindedir. Bu yazım şekilleri arasında en yaygın yöntem camelCase yöntemidir. Bu stillerden birini seçip ona bağlı kalmak en iyi uygulamadır. Bu şekilde, kodunuz kendiniz ve bir ekipte birlikte çalışıyor olabileceğiniz diğer geliştiriciler için okunabilir, anlaşılması kolay ve bakımı yapılabilir durumda kalacaktır.
'$'
işareti ve '_'
işareti de isimlerde harf gibi kullanılabilir. Farklı bir anlamı yoktur.
Aşağıdaki isimlendirmeler geçerlidir:
let $ = "Hello"; // "$" adında bir değişken üret.
let _ = "World!"; // "_" adında bir değişken üret.
alert($ + " " + _);
// "Hello World!" aradaki boşluğu " " kodu ile sağlıyoruz.
// Eğer " " kullanmazsak, "HelloWorld!" sonucunu elde ederiz.
Bu yazımda, dilin temelini ve ilk olarak da değerleri anlatmaya çalıştım. Bir sonraki yazımda veri tipleri, stack ve heap konusunu yazmaya çalışacağım.
Okuduğunuz için teşekkür ederim.
Kaynakça: