JavaScript Değişkenleri
JavaScript Değişkeni Bildirmenin 4 Yolu:
- kullanma
var
- kullanma
let
- kullanma
const
- hiçbir şey kullanmamak
Değişkenler nedir?
Değişkenler, verileri depolamak (veri değerlerini depolamak) için kaplardır.
Bu örnekte, x
, y
ve , anahtar kelimeyle z
bildirilen değişkenlerdir :var
Örnek
var x = 5;
var y = 6;
var z = x + y;
Bu örnekte, x
, y
ve , anahtar kelimeyle z
bildirilen değişkenlerdir :let
Örnek
let x = 5;
let y = 6;
let z = x + y;
Bu örnekte, x
, y
ve z
, bildirilmemiş değişkenlerdir:
Örnek
x = 5;
y = 6;
z = x + y;
Yukarıdaki tüm örneklerden, tahmin edebilirsiniz:
- x, 5 değerini saklar
- y 6 değerini saklar
- z, 11 değerini saklar
JavaScript var Ne Zaman Kullanılır?
JavaScript değişkenlerini her zaman var
, let
veya ile bildirin const
.
Anahtar var
kelime, 1995'ten 2015'e kadar tüm JavaScript kodlarında kullanılır.
let
ve anahtar sözcükleri 2015 yılında const
JavaScript'e eklendi.
Kodunuzun daha eski bir tarayıcıda çalışmasını istiyorsanız, kullanmanız gerekir var
.
JavaScript const Ne Zaman Kullanılır?
Genel bir kural istiyorsanız: değişkenleri her zaman const
.
Değişkenin değerinin değişebileceğini düşünüyorsanız, kullanın let
.
Bu örnekte, price1
, price2
ve total
, değişkenlerdir:
Örnek
const price1 = 5;
const price2 = 6;
let total = price1 + price2;
İki değişken price1
ve anahtar kelime price2
ile bildirilir const
.
Bunlar sabit değerlerdir ve değiştirilemez.
Değişken anahtar kelime total
ile bildirilir let
.
Bu değiştirilebilir bir değerdir.
Cebir gibi
Cebirde olduğu gibi, değişkenler değerleri tutar:
let x = 5;
let y = 6;
Cebirde olduğu gibi, değişkenler ifadelerde kullanılır:
let z = x + y;
Yukarıdaki örnekten toplamın 11 olarak hesaplandığını tahmin edebilirsiniz.
Not
Değişkenler, değerleri depolamak için kullanılan kaplardır.
JavaScript Tanımlayıcıları
Tüm JavaScript değişkenleri benzersiz adlarla tanımlanmalıdır .
Bu benzersiz adlara tanımlayıcılar denir .
Tanımlayıcılar kısa adlar (x ve y gibi) veya daha açıklayıcı adlar (yaş, toplam, toplam Hacim) olabilir.
Değişkenler (benzersiz tanımlayıcılar) için ad oluşturmaya ilişkin genel kurallar şunlardır:
- Adlar harfler, rakamlar, alt çizgiler ve dolar işaretleri içerebilir.
- İsimler bir harfle başlamalıdır
- İsimler $ ve _ ile de başlayabilir (ancak bu eğitimde kullanmayacağız)
- Adlar büyük/küçük harfe duyarlıdır (y ve Y farklı değişkenlerdir)
- Ayrılmış kelimeler (JavaScript anahtar kelimeleri gibi) ad olarak kullanılamaz
Not
JavaScript tanımlayıcıları büyük/küçük harf duyarlıdır.
Atama Operatörü
JavaScript'te eşittir işareti ( =
), bir "eşittir" operatörü değil, bir "atama" operatörüdür.
Bu cebirden farklıdır. Aşağıdakiler cebirde bir anlam ifade etmez:
x = x + 5
Ancak JavaScript'te bu çok mantıklı: x + 5'in değerini x'e atar.
(x + 5 değerini hesaplar ve sonucu x'e koyar. x'in değeri 5 artırılır.)
Not
==
"Eşittir" operatörü JavaScript'teki gibi yazılmıştır .
JavaScript Veri Türleri
JavaScript değişkenleri 100 gibi sayıları ve "John Doe" gibi metin değerlerini tutabilir.
Programlamada metin değerlerine metin dizeleri denir.
JavaScript birçok veri türünü işleyebilir, ancak şimdilik sadece sayıları 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.
Bir sayıyı tırnak içine alırsanız, metin dizesi olarak kabul edilecektir.
Örnek
const pi = 3.14;
let person = "John Doe";
let answer = 'Yes I am!';
JavaScript Değişkeni Bildirmek
JavaScript'te bir değişken oluşturmaya, bir değişken "bildirmek" denir.
var
veya let
anahtar sözcüğüyle bir JavaScript değişkeni bildirirsiniz:
var carName;
veya:
let carName;
Bildirimden sonra değişkenin değeri yoktur (teknik olarak öyledir undefined
).
Değişkene bir değer atamak için eşittir işaretini kullanın:
carName = "Volvo";
Ayrıca, onu bildirdiğinizde değişkene bir değer atayabilirsiniz:
let carName = "Volvo";
Aşağıdaki örnekte, adında bir değişken oluşturup buna carName
"Volvo" değerini atadık.
Ardından, id="demo" ile bir HTML paragrafının içindeki değeri "çıkarırız":
Örnek
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
Not
Tüm değişkenleri bir betiğin başında bildirmek iyi bir programlama uygulamasıdır.
Bir İfade, Birçok Değişken
Tek bir ifadede birçok değişken bildirebilirsiniz.
İfadeyi şu şekilde başlatın var
ve değişkenleri virgülle ayırın :
Örnek
let person = "John Doe", carName = "Volvo", price = 200;
Bir bildirim birden çok satıra yayılabilir:
Örnek
let person = "John Doe",
carName = "Volvo",
price = 200;
Değer = tanımsız
Bilgisayar programlarında, değişkenler genellikle bir değer olmadan bildirilir. Değer, hesaplanması gereken bir şey veya kullanıcı girişi gibi daha sonra sağlanacak bir şey olabilir.
Değersiz bildirilen bir değişken, değere sahip olacaktır
undefined
.
carName değişkeni undefined
, bu ifadenin yürütülmesinden sonra değere sahip olacaktır:
Örnek
let carName;
JavaScript Değişkenlerini Yeniden Bildirme
İle bildirilen bir JavaScript değişkenini yeniden bildirirseniz var
, değerini kaybetmez.
Değişken carName
, bu ifadelerin yürütülmesinden sonra hala "Volvo" değerine sahip olacaktır:
Örnek
var carName = "Volvo";
var carName;
Not
let
veya ile bildirilen bir değişkeni yeniden bildiremezsiniz const
.
Bu işe yaramayacak:
let carName = "Volvo";
let carName;
JavaScript Aritmetiği
=
Cebirde olduğu gibi, ve gibi operatörleri kullanarak JavaScript değişkenleriyle aritmetik yapabilirsiniz +
:
Örnek
let x = 5 + 2 + 3;
Ayrıca dizeler de ekleyebilirsiniz, ancak dizeler birleştirilir:
Örnek
let x = "John" + " " + "Doe";
Ayrıca şunu deneyin:
Örnek
let x = "5" + 2 + 3;
Not
Bir sayıyı tırnak içine alırsanız, sayıların geri kalanı dizeler olarak ele alınır ve birleştirilir.
Şimdi şunu deneyin:
Örnek
let x = 2 + 3 + "5";
JavaScript Dolar İşareti $
JavaScript dolar işaretini bir harf olarak değerlendirdiğinden, $ içeren tanımlayıcılar geçerli değişken adlarıdır:
Örnek
let $ = "Hello World";
let $$$ = 2;
let $myMoney = 5;
Dolar işaretinin kullanılması JavaScript'te çok yaygın değildir, ancak profesyonel programcılar genellikle bunu bir JavaScript kitaplığındaki ana işlev için bir takma ad olarak kullanır.
JavaScript kitaplığı jQuery'de, örneğin,
$
HTML öğelerini seçmek için ana işlev kullanılır. JQuery'de $("p");
"tüm p öğelerini seç" anlamına gelir.
JavaScript Alt Çizgisi (_)
JavaScript, alt çizgiyi bir harf olarak değerlendirdiğinden, _ içeren tanımlayıcılar geçerli değişken adlarıdır:
Örnek
let _lastName = "Johnson";
let _x = 2;
let _100 = 5;
JavaScript'te alt çizgi kullanmak çok yaygın değildir, ancak profesyonel programcılar arasındaki bir kural, onu "özel (gizli)" değişkenler için bir takma ad olarak kullanmaktır.