Discover Top Posts Tagged with #javascript değişkenler

Bu dersimiz ile JavaScript nedir ? sorusuna cevaplar arayacağız. Bu ders ile işlediğimiz konunun terimsel olarak anlamlarını ve yapısını anlatacağız. İyi okumalar dileriz.

#javascript değişkenler

JavaScript Değişkenler

http://kodlar.net/javascript-degiskenler/

JavaScript Değişkenler

Değişkenler’i verileri saklamak için kullanılan kap gibi düşünebilirsiniz.

Bu örnekte, x, y ve z birer değişkendir:

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>x,y ve z birer değişkendir.</p> <p id="demo"></p> <script> var x = 5; var y = 6; var z = x + y; document.getElementById("demo").innerHTML = "z nin değeri: " + z; </script> </body> </html>

Yukarıdaki örnekte bakarsak:

x değeri 5 depolar

y değeri 6 depolar

z değeri 11’i kaydeder

Bu örnekte, fiyat1, fiyat2 ve toplam birer değişkendir:

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p id="demo"></p> <script> var fiyat1 = 5; var fiyat2 = 6; var toplam = fiyat1 + fiyat2; document.getElementById("demo").innerHTML = "Toplam: " + toplam; </script> </body> </html>

JAVASCRİPT TANIMLAYICILARI :

Tüm javascript değişkenleri benzersiz isim ile tanımlanmalıdır yani bir değişkenden aynı program içerisinde en fazla bir kez tanımlanabilir.

Değişken tanımlamanın bazı kuralları vardır :

Değişken isimleri harf, rakam, alt çizgi ve dolar işareti içerebilir.

Değişken isimleri bir harfle başlamalıdır.

Değişken isimleri ayrıca $ ve _ ile başlayabilirler (ancak bu derste kullanmayacağız)

Değişken isimleri büyük / küçük harfe duyarlıdır (y ve Y farklı değişkenlerdir)

Ayrılmış kelimeler (JavaScript anahtar kelimeleri gibi) adlar olarak kullanılamaz

Atama Operatörü:

JavaScript’te (=) işareti bir karşılaştırma operatörü değil atama operatörüdür. Karşılaştırma işareti javascript’te (==) işaretidir.

Javascript Veri Türleri :

Javascript’te değişkenler 100 ve ’emre’ kelimesini tutabilir.Metin değerleri gibi sayıları tutabilir. Metin değerlerine metin dizeleri denir. Javascript birçok veri türünü işleyebilir, ancak şimdilik sayı ve dizeleri düşünün.Dizeler çift veya tek tırnak içine yazılır. Rakamlar tırnak işaretleri olmadan yazılır. Eğer tırnak işareti içerisine bir sayı koyarsanız bunu sayı olarak değil metin olarak ele alacaktır.

Örnek :

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Diziler tırnak işaretleri arasına yazılır.</p> <p>Rakamlar tırnak işaretleri olmadan yazılır.</p> <p id="demo"></p> <script> var pi = 3.14; var soru = "Emre Sualp"; var cevap = 'Evet benim!'; document.getElementById("demo").innerHTML = pi + "<br>" + soru + "<br>" + cevap; </script> </body> </html>

Javascript değişkenleri oluşturma :

var anahtar kelimesi ile bir değişken oluşturursunuz (bildirirsiniz) .

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Değişken tanımlama</p> <p id="demo"></p> <script> var carName = "Volvo"; document.getElementById("demo").innerHTML = carName; </script> </body> </html>

NOT : Bir programın başında tüm değişkenleri bildirmek ( oluşturmak ) kod okunurluğu açısından çok önem arz eder.

Değişken bildirme :

Tek bir ifadede birçok değişken bildirebilirsiniz. var anahtar sözcüğü ile değimi başlattıktan sonra ‘,’ ile değişkenleri ayırın .

Örnek :

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Tek bir ifadede birçok değişken bildirebilirsiniz.</p> <p id="demo"></p> <script> var person = "Emre Sualp", carName = "Volvo", price = 200; document.getElementById("demo").innerHTML = carName; </script> </body> </html>

Bir bildirim birden çok satıra yayılabilir:

Değerin boş olması = undefined

Bilgisayar programlarında genellikle değişkenler herhangi bir değeri olmadan tanımlama yapılır. Bu değer daha sonradan hesaplanacak birşey veya kullanıcı tarafından girilecek bir değer olabilir. Değeri olmayan bu ifade tanımsız(undefined) değere sahip olacaktır.

Aşağıdaki ifadede carName tanımsız(undefined) bir değere sahiptir.

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Değersiz olarak bildirilen bir değişken, undefined değerine sahip olacaktır.</p> <p id="demo"></p> <script> var carName; document.getElementById("demo").innerHTML = carName; </script> </body> </html>

Javascript değişkenlerini yeniden bildirme :

Eğer bir javascript değişkenini yeniden bildirirseniz eski değerini kaybetmez .

Örnek :

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Eğer sonradan undefined yapsanız eski değeri kaybolmayacaktır.</p> <p id="demo"></p> <script> var carName = "Volvo"; var carName; document.getElementById("demo").innerHTML = carName; </script> </body> </html>

Javascript aritmetiği

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>sonuc 5 + 2 + 3:</p> <p id="demo"></p> <script> var x = 5 + 2 + 3; document.getElementById("demo").innerHTML = x; </script> </body> </html>

Dizileride ekleyebilirsiniz ancak diziler birleşecektir.

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Ekleme sonucu "Emre" + " " + "Sualp":</p> <p id="demo"></p> <script> var x = "Emre" + " " + "Sualp"; document.getElementById("demo").innerHTML = x; </script> </body> </html>

Ayrıca şunu deneyin:

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Ekleme sonucu "5" + 2 + 3:</p> <p id="demo"></p> <script> x = "5" + 2 + 3; document.getElementById("demo").innerHTML = x; </script> </body> </html>

NOT: Tırnak içine bir sayı koyarsanız, kalan numaralar dizge olarak ele alınır ve birleştirilir.

Şimdi tekrar deneyin :

<!DOCTYPE html> <html> <body> <h2>JavaScript Değişkenler</h2> <p>Ekleme sonucu 2 + 3 + "5":</p> <p id="demo"></p> <script> var x = 2 + 3 + "5" document.getElementById("demo").innerHTML = x; </script> </body> </html>

#javascript değişkenler