Yeni bir dil öğrenmeye başlıyorsanız, yüksek ihtimalle ilk göreceğiniz konulardan birisi değişkenlerdir. Çünkü değişkenler bir programlama dilinin temellerini oluşturur. Bu yazımızda, öneminin de az önce belirttiğimiz Javascript değişken türleri konusunu işleyeceğiz.

Javascript’te Değişkenler

Javascript programlama dilinde değişkenler, veri saklamak için kullanılır. Örneğin,

let x = 6;

Burada, x bir değişkendir ve 6 sayısını hafızada saklıyor (dopoluyor).

Javascript’te Değişken Nasıl Tanımlanır ?

Javascript’te değişken tanımlamanın 2 farklı yolu vardır. Bunlar var ve let ifadeleridir. Sonrasında değişken ismi yazılır. Son olarak, eğer varsa değişkene bir değer atanır. Bir örnek görelim;

var sayi1;
let sayi2;

Burada sayi1 ve sayi2 değişkenlerdir. Karşındaki 3 ve 5 sayıları aldıkları değerlerdir.

Javascript Var ve Let Farkı

Değişkenleri tanımlamak için hem var hem de let kullanılır. Ancak aralarında bazı farklılıklar vardır.

varlet
var, JavaScript’in eski sürümlerinde kullanılır.let, ES6’dan (ES2015) başlayan değişkenleri bildirmenin yeni yoludur.
var, fonksiyon kapsamındadır.let, block kapsamındadır.

Not: var yerine let kullanmamız önerilir. Ancak, bazı tarayıcılar henüz let’i desteklemiyor.

Javascript Sabitler (Const)

Const anahtar sözcüğü, sabitler oluşturmak için ES6(ES2015) sürümünde kullanıma sunuldu. Örneğin;

const x = 5;

Bir const tanımlandığında değerini değiştiremeyiz.

const x = 5;
x = 10;  // Hata verir!
console.log(x)

Veya bir const değişkeninin değer atamadan tanımlayamayız.

const x;  // Hata verir!
x = 5;
console.log(x)

Not: Bir değişkenin değerinin program boyunca değişmeyeceğinden eminseniz, const kullanmanız önerilir. Ancak, let anahtar sözcüğünde olduğu gibi, const’u da desteklemeyen birkaç tarayıcı vardır.

Javascript Değişkenlere Değer Atama

Bir değişkene değer atamak için = atama operatörünü kullanırız. Bunu yapmanın birkaç yolu var. Hemen bunları görelim.

let x;
x = 5;

Burada x değişkenine 5 atanmıştır.

Ayrıca, değişken tanımlama sırasında da değişkenlere atama yapabilirsiniz.

let x = 5;
let y = 6;

Veya bunu tek bir ifade de yapabilirsiniz.

let x = 5, y = 3, z = 1;

Javascript’te Veri Türleri

Javascript’te 7 farklı veri türünde değişken tanımlayabiliriz. Bunlar;

Veri TipleriTanımÖrnek
StringMetinsel verileri temsil eder.‘evrensel kod’, ‘merhaba dünya’
NumberBir tam sayı veya noktalı sayı.3, 3.14, 553…
BigIntUzun tamsayılar985198465121n
Booleanİki değerden biri: true veya falsetrue, false
undefinedDeğeri tanımlanmamış bir veri türület a;
nullBoş değerlet a = null;
Symbolobjelerin nitelikleri için kullanılan tekil (unique) ve değişmez (immutable) veri tipi.let deger = Symbol(‘hello’);
ObjectToplu veri tutmamıza yarayan veri tipilet ogrenci = { };

Şimdi bu terimleri sırasıyla açıklayalım.

Bu yazı dikkatini çekebilir.   Javascript DOM Nedir ? DOM'un Önemi

Javascript String

Metinsel bir veri türüdür. Metinsel veri türlerine tırnak içerisinde değer atanır. Değişken ismimizi yazdıktan sonra = operatörü ve tek veya çift tırnak içerisinde değişken değeri yazarız.

var degiskenIsim = "Javascript";
var degiskenIsim1 = 'Javascript';
var degiskenIsim2 = "0501"; // Bu değişkende string'dir.

Javascript Number

Adından da anlaşılabildiği gibi sayısal bir veri türüdür. String veri tipi ile hemen hemen aynıdır. Tek farkı, number veri tipinde tırnak kullanmayız.

var degiskenIsim = 2501;
var degiskenIsim1 = 25.01;

Javascript BigInt

Javascript’te number tipi (253 – 1) küçük ve -(253 – 1)’den büyük sayıları saklayabilir. Bu sayılardan büyük veya küçük sayılar saklamak istediğimizde BigInt kullanırız.

Bir tamsayının sonuna n eklenerek bir BigInt numarası oluşturulur. Örneğin,

const degiskenIsim = 204719925544754123n;

// İki BigInt toplama
const degisken = degiskenIsim + 1n;
console.log(result1); // "204719925544754124n"

Not: BigInt, JavaScript’in daha yeni sürümünde kullanıma sunulmuştur ve Safari dahil pek çok tarayıcı tarafından desteklenmemektedir. 

Javascript Boolean

Mantıksal veri türüdür. Değişken değeri true yada false olmalıdır.

var degiskenIsim = true;
var degiskenIsim1 = false;

Javascript Undefined (Tanımsız) Değer

Bir değişkene başlangıçta bir değer atamazsanız, tanımsız değer olacaktır.

let x;

console.log(x); 

Burada x değişken adıdır ve herhangi bir değer içermediğinden tanımsız olacaktır. Çıktıda ekrana ‘undefined’ yazdırılır.

Javascript Null Değer

JavaScript’te null, boş veya bilinmeyen değeri temsil eden özel bir değerdir. Örneğin,

const sayi= null;

Yukarıdaki kod, sayi değişkeninin boş olduğunu gösterir.

Javascript Symbol

Bu veri türü, JavaScript’in daha yeni sürümünde (ES2015) kullanıma sunulmuştur.  Sembol, benzersiz olan değişmez bir ilkel değerdir. Örneğin,

const deger1 = Symbol('merhaba');
const deger2 = Symbol('merhaba');

değer1 ve değer2‘nin her ikisi de ‘merhaba’ içermesine rağmen, Sembol türünde olduklarından farklıdırlar.

Javascript Object (Nesne)

Nesne, veri koleksiyonlarını (birden fazla veri) saklamamıza izin veren karmaşık bir veri türüdür. Örneğin,

const student = {
    firstName: 'Ali',
    lastName: null,
    class: 3
};

Çok daha ayrıntılı ve önemli bir konu olan nesneler yani Object konusunu farklı bir derste işleyeceğiz.

JavaScript Değişkenlerini İsimlendirme Kuralları

Değişken tanımlarken dikkat etmemiz gereken bazı kurallar vardır. Bunlar

  • Değişken isimlerinde Türkçe karakter kullanamazsınız.
  • Büyük küçük harf hassasiyeti vardır. Örneğin ‘evrenselkod’ ile ‘Evrenselkod’ farklı değişkenlerdir.
  • Numerik bir karakter ile değişken ismi başlatamazsınız. Yine örnek verecek olursak, ‘1evrenselkod’ adında bir adında bir değişken tanımlanamaz.

JavaScript Değişken Tipini Öğrenme (typeof)

Bir değişkenin türünü bulmak için typeof operatörünü kullanabilirsiniz. Örneğin,

const isim = 'ali';
typeof(isim); // "string" değerini döndürü.

const sayi = 4;
typeof(sayi); // number" değerini döndürü.

const kontrolEdildi = true;
typeof(kontrolEdildi); // "boolean" değerini döndürü.

Bu yazımızda Javascript değişken türleri konusunu işledik. Umarım faydalı olmuştur. Ayrıca tüm Javascript yazılarımızı okumak için buraya tıklayabilirsiniz.