JavaScript Değişkenler

Değişken Tanımı

Değişkenin tanımını yaparak konuya başlayalım. Değişken, programın çalışması için gerekli verilerin tanımlanarak, bellek üzerinde tutulduğu bölgelere verilen isimlerdir.

Bellek hücrelerini birerli yada bir kaçının bir araya gelerek oluşturdukları grupları kutuya benzetirsek kutunun üzerindeki değişken adı, kutunun içindeki de değişkenin içindeki değer olarak düşünebiliriz.

Yukarıdaki şekilde olduğu gibi kutu değişken adını, içerisindeki değer ise kutunun tuttuğu veriyi ifade etmektedir.

JavaScript Veri Tipleri

JavaScriptte 6 temel veri tipi vardır. JavaScript değişken tanımlama yapıldığında bu tiplerden biri olarak değişken tanımlanmış olur.

Boolean: Mantıksal varlığı ifade eder. İki tip değer içerebilir true ve false
Null: Tam olarak null değerini taşıyan veri türüdür.
Undefined: Değişken tanımlanmış ama değer atanmamış ise değişken içindeki değer undefined dir
Number: EcmaScript standartlarına göre 64bit işaretli tek sayı tipi vardır. Tam yada ondalıklı sayılar number tipi ile ifade edilmektedir. Ek olarak +Infinity, -Infinity, and NaN (not-a-number) olmak üzere 3 tane özel sembolik değer vardır.
String: JavaScript dizge üzerinde metinsel verileri temsil etmek için kullandığı veri tipidir. Dizgedeki her öğe 16 bitlik işaretsiz integer bir referansı vardır. Dizgedeki ilk elemanın index numarası 0 dır. Dizgedeki diğer değerler için index numarası 1 artarak devam eder. Özetle: Metinsel bir ifade karakterlerden oluşan bir dizi olarak nitelendirilir.
Symbol ( ECMAScript 6): EcmaScript 6 standartı ile tanımlanmış bir tipdir. Nesne değeri için benzersiz ve sabit bir değeri ifade eder.
Object: Bellekteki belirli bir nesnenin referansını(yolunu) tutmak için kullanılan tiptir. Dizi, Fonksiyon ve Nesneler bu tip ile ifade edilir.

JavaScript Değişken Tanımlama

JavaScript’te değişkenler var anahtar kelimesi ile tanımlanır. Tüm veri türleri için var ifadesi ile değişken tanımlaması yapılır. JavaScript ile değişken tanımlarken bilinmesi gereken bazı temel kurallar var.

Değişken kullanılmadan önce tanımlanmış olması gerekir.
Bir değişken bir kapsam içinde tanımlanmış ise sadece o kapsam içinde kullanılabilir. Tanımlandığı aralıkta kullanılabilir.
Bir değişken tanımlayıcı (var) kullanılmadan değer atanmış ise bu değişken global olarak tanımlanır ve her yerden ulaşılabilir.

Kural:


var degisken;

var degisken1="deneme";

var degisken2, degisken3,  degisken4=15;

var degisken;

var degisken1="deneme";

var degisken2, degisken3, degisken4=15;

Değişken Tanımlama Kuralları

Değişken isimleri büyük-küçük harf duyarlıdır. Yani ad ile AD aynı değişkeni göstermez.
Değişken isimlerinde Türkçeye özgü karakterler kullanılmamalıdır.
Değişken isimleri ?,!,:,%,- gibi özel karakterler içeremez.(_ karakteri hariç)
Değişken ismi olarak JavaScript dilindeki özel kelimeler seçilemez.
Değişken isimlerinde zorunlu olmamasına karşın küçük harf kullanımı tercih edilir. Eğer değişken ismi iki ya da daha fazla kelimeden oluşuyorsa ilk kelime hariç diğer kelimelerin ilk harfi büyük yazılır. (sayi, maasMiktari, kitapSayisi v.b.)
Değişken isimleri sayı ile başlayamaz.

Örnek:


var sayi=5;
var x, y=8, z; 
var  aktif = true; 
var ondalikli= 5.4; 
var deger="merhaba";

var sayi=5;

var x, y=8, z;

var aktif = true;

var ondalikli= 5.4;

var deger="merhaba";

JavaScript typeof Operatörünün Kullanımı

typeof operatörü belirtilen değişkenin yada değerin veri tipini dizge olarak döndürür. Aşağıdaki tabloda tiplerin typeof operatörü ile döndürdüğü sonuç görünmektedir.

Tip	Sonuç
Undefined	“undefined”
Null	“object”
Boolean	“boolean”
Number	“number”
String	“string”
Symbol	“symbol”
Function	“function”
Diğer Tüm Nesneler	“object”

Örnek:


// Sayılar
typeof 37 === 'number';
typeof 3.14 === 'number';
typeof(42) === 'number';
typeof Math.LN2 === 'number';
typeof Infinity === 'number';
typeof NaN === 'number'; //  "Not-A-Number"
typeof Number(1) === 'number'; 


// String
typeof "" === 'string';
typeof "bla" === 'string';
typeof String("abc") === 'string'; 


// Boolean
typeof true === 'boolean';
typeof false === 'boolean';
typeof Boolean(true) === 'boolean'; 


// Semboller
typeof Symbol() === 'symbol'
typeof Symbol('foo') === 'symbol'
typeof Symbol.iterator === 'symbol'


// Undefined
typeof undefined === 'undefined';
typeof tanimlanmisKullanilmamisDegisken=== 'undefined';
typeof tanimlanmamisDegisken=== 'undefined';


// Nesneler
typeof {a:1} === 'object';
typeof [1, 2, 4] === 'object';

typeof new Date() === 'object';


typeof new Boolean(true) === 'object'; 
typeof new Number(1) === 'object'; 
typeof new String("abc") === 'object';


// Fonksiyonlar
typeof function(){} === 'function';
typeof class C {} === 'function';
typeof Math.sin === 'function';

// Sayılar

typeof 37 === 'number';

typeof 3.14 === 'number';

typeof(42) === 'number';

typeof Math.LN2 === 'number';

typeof Infinity === 'number';

typeof NaN === 'number'; // "Not-A-Number"

typeof Number(1) === 'number';

// String

typeof "" === 'string';

typeof "bla" === 'string';

typeof String("abc") === 'string';

// Boolean

typeof true === 'boolean';

typeof false === 'boolean';

typeof Boolean(true) === 'boolean';

// Semboller

typeof Symbol() === 'symbol'

typeof Symbol('foo') === 'symbol'

typeof Symbol.iterator === 'symbol'

// Undefined

typeof undefined === 'undefined';

typeof tanimlanmisKullanilmamisDegisken=== 'undefined';

typeof tanimlanmamisDegisken=== 'undefined';

// Nesneler

typeof {a:1} === 'object';

typeof [1, 2, 4] === 'object';

typeof new Date() === 'object';

typeof new Boolean(true) === 'object';

typeof new Number(1) === 'object';

typeof new String("abc") === 'object';

// Fonksiyonlar

typeof function(){} === 'function';

typeof class C {} === 'function';

typeof Math.sin === 'function';

İlgili

Yorum

JavaScript Tür Dönüşümü – Yazılım Bilişim Programlama dedi ki:

Eylül 6, 2017, 7:21 pm

[…] Javascript değişkenler konusunu anlatırken, javascript dilinde kullanılan türlerin listesini açıklamaları ile belirtmiştim. Bu açıklamadan sonra javascript tür dönüşümünü sağlamak için aşağıdaki fonksiyonları kullanarak istediğimiz türlerde dönüşüm sağlayabiliriz. […]

Cevapla
JavaScript Fonksiyon Tanımlama – Yazılım Bilişim Programlama dedi ki:

Ocak 3, 2017, 6:15 pm

[…] Varsayılan değer dışında bir fonksiyondan bir değer döndürmek için return ifadesi kullanılmak zorundadır. return değeri olmayan bir fonksiyon varsayılan değeri döndürmektedir. Kurucu metod ile oluşturulan nesneler dışındaki tüm fonksiyonlardaki varsayılan değerler undefined türüdür. […]

Cevapla
JavaScript Dersleri – Yazılım Bilişim Programlama dedi ki:

Aralık 28, 2016, 10:59 pm

[…] JavaScript Dersleri 2: Değişkenler […]

Cevapla