Javascript ile Değişken Tanımlama ve Kullanma
Hepinize merhaba dostlarım :). Javascript ile en son ekrana yazı yazma işlemine değinmiştik. Okumayanlar ve tekrardan pekiştirmek isteyenler için
linki bırakıyorum :). Evet sözü daha fazla uzatmadan ve başlıktan da anlayacağınız üzere javascripte değişken oluşturma ve kullanımına gireceğiz. Bunun için 3 değişken tanımlama yöntemi vardır
- var
- let
- const
1-) var
Dostlarım teorik anlatımdan uzaklaşıp size her zaman olayın mantığını anlatmak en önemli prensibimdir. "var" kelimesi ingilizce "variable" yani "değişken" kelimesinden gelmektedir. Bu "var" ile tanımlanan değişkenler global bir şekilde tanımlandığı fonksiyon blokları dışında rahatlıkla kullanılabilir ve sonradan değiştirilebilir. Gelin bir örnek yapalım
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Javascript Değişken Tanımlama | MFSoftware Blog</title>
</head>
<body>
<script>
var a = "MFSoftware Blog - Javascript Değişken Tanımlama";
a = "Değişken Değişti"
alert(a);
</script>
</body>
</html>
Dostlarım ilk olarak "var" ile "a" değişkeni oluşturduk ve içerisine "MFSoftware Blog - Javascript Değişken Tanımlama" yazısını ekledik. Daha sonra ise "a" değişkeninin içerisi "Değişken Değişti" olarak değiştirelim. Ekrana yazdırma komutlarımız olan "alert()" methodu ile de ekrana bastırdığımızda "a" değişkeninin değerinin "Değişken Değişti" olarak ekrana basıldığını açıkça göreceğiz :).
2-) let
let ile değişken tanımlama da ne derseniz açıklayayım hemen dostlarım. Önceki maddede var kullanımına tamamen benzer nitelikte :) tek farkı "var" ile tanımlanan değişkenler tanımlandığı fonksiyonun alt fonksiyonlarında kullanılırken "let" ile tanımlanan değişkenler hata verecektir :). Örnek bir kullanım da "let" ile yapalım
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Javascript Değişken Tanımlama | MFSoftware Blog</title>
</head>
<body>
<script>
// string tanımlayalım
let a = "Ben let ile tanımlanmış değişkenim";
a = "Size let ile tanımlandım diyorum :)"
alert(a);
// let ile iki sayı tanımlayalım ve bunları toplatalım
let sayi1 = 1999;
let sayi2 = 2021;
sayi2 = 2020
let toplam = sayi1 + sayi2;
console.log("Sonuç: "+toplam);
</script>
</body>
</html>
bu şekilde let ile iki adet işlem yaptıralım. İlk işlemde "a" değişkenine "Ben let ile tanımlanmış bir değişkenim" yazısını aktardık. Daha sonra "Size let ile tanımlandım diyorum" olarak içeriğini değiştirdik. alert() ile ekrana bastırdığımızda "Size let ile tanımlandım diyorum" mesajı sizi karşılayacaktır.
Diğer bir örnekte de let ile "sayi1" değişkeni oluşturduk ve 1999 değerini atadık. Daha sonrasında da "sayi2" değişkeni oluşturduk ve içerisine 2021 değerini atadık. Bunu isteğimiz üzere 2020 olarak değiştirdik. Daha sonrasında da toplam değişkeni oluşturduk ve sayi1+sayi2 olarak yani iki değişkenin toplamını alarak oluşturduğumuz toplam değişkenine atadık. Geriye ekrana yazdırmak kaldı. Bunu da bir farklılık yapalım dedik ve console.log() ile ekrana yazdırdık. Console penceresini açtığımızda bizi karşılayan mesaj "Sonuç: 4019" olacaktır.
Geriye son bir değişken tanımlama yöntemimiz kaldı :) Hemen onu da inceleyelim
3-) const
Dostlarım bu const diğer let ve var ile değişken tanımlamadan farklı :). Bir kez tanımlanıyor ve sonradan değiştirilemiyor. Değiştirmek istediğimizde de hata veriyor :). Nerede kullanırız diye merak etmiş olabilirsiniz. Örneğin projeniizde dosyalar ile işlem yapıyorsunuz varsayalım. Bu dosya yolu sürekli değişmeyeceği için const ile tanımlama yapıp projenizde rahat rahat kullanırsınız :). Gelin bir örnekle const ile değişken tanımlamayı inceleyelim
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Javascript Değişken Tanımlama | MFSoftware Blog</title>
</head>
<body>
<script>
const a = "Ben sabit değişkenim";
alert(a); // ekrana yazdıralım
a=5; // ---> HATA: ben sabit değişkenim değişmem dedim anlamadınız hata verdim :)
</script>
</body>
</html>
Dostlarım öncelikle const ile bir a değişkeni oluşturduk ve buna "Ben sabit değişkenim" değerini aktardık ve alert() ile ekrana bastırdık ve karşımıza "Ben sabit değişkenim" mesajı çıktı :). Buraya kadar sorun yok. Daha sonra ise bu sabit değişkenimizin değerine 5 değerini aktarmaya çalıştığımız an bize hata verecektir. Çünkü bu bir sabit fonksiyon ve sonradan değişmez :)
Evet dostlarım javascript ile değişiken oluşturma ve kullanmayı da öğrendik :) Hayallerinizi gerçekleştirmeniz ve daha güzel yerlere gelmeniz dileklerimle.. İyi çalışmalar :)
Yazar Hakkında
Kendi Halinde Bir Backend Developer