JavaScript Kod Örnekleri

January 14, 2026

 JavaScript Kod Örnekleri

Contents

1 Giriş 2

2 Temel JavaScript Yapıları 2

2.1 Değişkenler ve Veri Tipleri . . . . . . . . . . . . . . . . . . . . . . . 2

2.2 Kontrol Yapıları . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 3

3 Fonksiyonlar ve Fonksiyonel Programlama 4

3.1 Fonksiyon Tanımlama . . . . . . . . . . . . . . . . . . . . . . . . . 4

3.2 Fonksiyonların Kullanımı . . . . . . . . . . . . . . . . . . . . . . . 4

4 Diziler ve Nesneler 4

4.1 Diziler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

4.2 Nesneler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5

5 DOM Manipülasyonu 5

5.1 Element Seçme ve Değiştirme . . . . . . . . . . . . . . . . . . . . . 6

5.2 Olay Dinleyiciler . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6

6 Asenkron JavaScript: Callback, Promise ve Async/Await 6

6.1 Callback Fonksiyonları . . . . . . . . . . . . . . . . . . . . . . . . . 7

6.2 Promise Kullanımı . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

6.3 Async/Await Yapısı . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

7 JavaScript ES6+ Özellikleri 8

1
 JavaScript Kod Örnekleri

8 JavaScript ile Form Doğrulama 8

9 JavaScript Hata Yönetimi 9

10 Nesne Yönelimli JavaScript 9

11 Modüller ve Paket Yönetimi 10

11.1 ES6 Modüller . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

12 JavaScript’te Yaygın Tasarım Desenleri 10

13 JavaScript Performans İyileştirme 11

14 JavaScript ile API Entegrasyonu 11

15 Sonuç 12

Kaynakça 13

2
 JavaScript Kod Örnekleri

1 Giriş

JavaScript, web geliştirme dünyasında en yaygın kullanılan program-

lama dillerinden biridir. Dinamik web sayfaları oluşturmak, kullanıcı etk-
ileşimlerini yönetmek ve modern uygulamalar geliştirmek için vazgeçilmezdir.
Bu dokümanda, JavaScript’in temel özelliklerinden başlayarak ileri seviye
kullanımlara kadar geniş bir yelpazede kod örnekleri ve açıklamalar sunula-
caktır.

Amaç, hem yeni başlayanlar hem de deneyimli geliştiriciler için fay-

dalı, pratik ve anlaşılır örneklerle JavaScript becerilerini geliştirmektir. Her
bölümde farklı bir konu ele alınacak ve açıklamalarla desteklenecektir.

2 Temel JavaScript Yapıları

JavaScript’in temelleri, değişken tanımlama, veri tipleri, operatörler

ve kontrol yapıları gibi konuları içerir. Burada bu temel yapılar örneklerle
detaylandırılacaktır.

2.1 Değişkenler ve Veri Tipleri

JavaScript’
te değişkenler var, let ve const anahtar kelimeleri ile tanım-
lanır. ES6 ile let ve const daha çok tercih edilmektedir.

3
 JavaScript Kod Örnekleri

Anahtar Kelime Özellikleri

var Fonksiyon kapsamlı, yeniden

tanımlanabilir ve güncellenebilir.

let Blok kapsamlı, güncellenebilir

ancak yeniden tanımlanamaz.

const Blok kapsamlı, sabit değer, ne

güncellenebilir ne de yeniden
tanımlanabilir.

Örnek:

let isim = ”Ahmet”;

const PI = 3.14159;
var yas = 25;

2.2 Kontrol Yapıları

if, else, switch gibi yapılar koşullu işlemler için kullanılır.

Örnek:

let not = 75;

if (not >= 90) {
[Link](”Harika, notunuz A!”);
} else if (not >= 70) {
[Link](”İyi, notunuz B.”);
} else {
[Link](”Daha çok çalışmalısınız.”);
}

4
 JavaScript Kod Örnekleri

3 Fonksiyonlar ve Fonksiyonel Programlama

JavaScript’te fonksiyonlar temel yapı taşlarından biridir. Fonksiyonlar

hem klasik hem de ok fonksiyonu (arrow function) şeklinde yazılabilir.

3.1 Fonksiyon Tanımlama

// Klasik fonksiyon
function topla(a, b) {
return a + b;
}

// Ok fonksiyonu
const carp = (a, b) => a * b;

3.2 Fonksiyonların Kullanımı

Fonksiyonlar, kod tekrarı önlemek ve işlevselliği modüler hale getirmek

için kullanılır.

Örnek:

function selamla(isim) {
[Link](”Merhaba ” + isim + ”!”);
}
selamla(”Elif”);

4 Diziler ve Nesneler

JavaScript’in en önemli veri yapıları diziler (arrays) ve nesnelerdir (ob-

jects). Bu yapılar veriyi organize etmek için kullanılır.

5
 JavaScript Kod Örnekleri

4.1 Diziler

Diziler, sıralı veri koleksiyonudur ve farklı yöntemlerle işlenebilir.

Örnek:

let renkler = [”kırmızı”, ”mavi”, ”yeşil”];

[Link](”sarı”); // Diziye eleman ekleme
[Link](renkler[0]); // ”kırmızı”

4.2 Nesneler

Nesneler anahtar-değer çiftlerinden oluşur, genellikle karmaşık verileri

modellemek için kullanılır.

Örnek:

let araba = {
marka: ”Toyota”,
model: ”Corolla”,
yil: 2020,
bilgileriGoster: function() {
[Link]([Link] + ” ” + [Link] + ”, ” + [Link]);
}
};
[Link]();

5 DOM Manipülasyonu

JavaScript’in gücü, HTML ve CSS ile etkileşim kurabilmesindedir. DOM

(Document Object Model) manipülasyonu ile sayfalar dinamik olarak değiştir-
ilebilir.

6
 JavaScript Kod Örnekleri

5.1 Element Seçme ve Değiştirme

Örnek:

// ID ile seçim
const baslik = [Link](”baslik”);
[Link] = ”Yeni Başlık”;

// Sınıf ile seçim

const butonlar = [Link](”btn”);
for(let btn of butonlar) {
[Link] = ”red”;
}

5.2 Olay Dinleyiciler

Kullanıcı etkileşimleri için olay dinleyiciler kullanılır.

Örnek:

const buton = [Link](”button”);

[Link](”click”, function() {
alert(”Butona tıkladınız!”);
});

6 Asenkron JavaScript: Callback, Promise ve Async/Await

Modern JavaScript’te asenkron işlemler çok önemlidir. API çağrıları

veya zaman alan işlemler bloklanmadan yürütülür.

7
 JavaScript Kod Örnekleri

6.1 Callback Fonksiyonları

function veriGetir(callback) {
setTimeout(() => {
callback(”Veri yüklendi.”);
}, 2000);
}
veriGetir(function(mesaj) {
[Link](mesaj);
});

6.2 Promise Kullanımı

let veriPromise = new Promise((resolve, reject) => {

setTimeout(() => {
resolve(”Veri başarıyla alındı.”);
}, 1500);
});

[Link]((mesaj) => {
[Link](mesaj);
});

6.3 Async/Await Yapısı

async function veriAl() {

let sonuc = await veriPromise;
[Link](sonuc);
}
veriAl();

8
 JavaScript Kod Örnekleri

7 JavaScript ES6+ Özellikleri

Yeni standartlarla beraber JavaScript çok sayıda modern özellik kazan-

mıştır.

Özellik Açıklama

Let ve Const Blok kapsamlı değişken

tanımlama

Arrow Functions Kısaltılmış fonksiyon yazımı

Template Literals Çok satırlı ve değişkenli stringler

Destructuring Diziler ve nesnelerden kolay veri

çıkarımı

Modules Kodun modüler yapıda bölünmesi

Örnek: Template Literals

let isim = ”Ali”;

[Link](‘Merhaba, benim adım ${isim}.‘);

8 JavaScript ile Form Doğrulama

Formlar, kullanıcıdan veri almak için temel araçtır. JavaScript ile form
doğrulama kullanıcı deneyimini iyileştirir.

Örnek: Basit Form Doğrulama

function formKontrol() {
let email = [Link](”email”).value;
if(email === ””) {
alert(”Email boş geçilemez.”);

9
 JavaScript Kod Örnekleri

return false;
}
return true;
}

9 JavaScript Hata Yönetimi

Kod yazarken hataları yakalamak ve yönetmek önemlidir. try-catch

yapısı ile hata kontrolü yapılabilir.

Örnek:

try {
let sonuc = riskliIslem();
[Link](sonuc);
} catch (hata) {
[Link](”Bir hata oluştu: ” + [Link]);
}

10 Nesne Yönelimli JavaScript

JavaScript, nesne yönelimli programlama (OOP) özelliklerini destekler.

Sınıflar (classes) ES6 ile dilin parçası olmuştur.

Örnek: Sınıf Tanımlama

class Hayvan {
constructor(isim) {
[Link] = isim;
}
sesCikar() {
[Link]([Link] + ” ses çıkarıyor.”);

10
 JavaScript Kod Örnekleri

}
}

let kedi = new Hayvan(”Mırmır”);

[Link]();

11 Modüller ve Paket Yönetimi

Büyük projelerde kodun modüler olması ve paketlerle yönetilmesi gerekir.

11.1 ES6 Modüller

// [Link]
export function topla(a, b) {
return a + b;
}

// [Link]
import { topla } from ’./[Link]’;
[Link](topla(5, 6));

12 JavaScript’te Yaygın Tasarım Desenleri

Kodun sürdürülebilirliği için tasarım desenleri kullanılır.

Singleton Örneği:

const Singleton = (function() {

let instance;
function createInstance() {
return { isim: ”Tek Nesne” };

11
 JavaScript Kod Örnekleri

}
return {
getInstance: function() {
if(!instance) {
instance = createInstance();
}
return instance;
}
};
})();
let nesne1 = [Link]();
let nesne2 = [Link]();
[Link](nesne1 === nesne2); // true

13 JavaScript Performans İyileştirme

Kodun verimli çalışması için bazı yöntemler uygulanabilir. Örneğin,

döngü optimizasyonu, bellek yönetimi ve gereksiz DOM erişimlerinin azaltıl-
ması.

14 JavaScript ile API Entegrasyonu

RESTful API çağrıları JavaScript ile yapılabilir. Genellikle fetch API

veya üçüncü parti kütüphaneler kullanılır.

Örnek: fetch ile veri çekme

fetch(’[Link]
.then(response => [Link]())
.then(data => {
[Link](data);
})

12
 JavaScript Kod Örnekleri

.catch(error => [Link](’Hata:’, error));

15 Sonuç

Bu dokümanda JavaScript’in temel yapılarından başlayarak ileri se-

viye kavramlara ve pratik kod örneklerine yer verilmiştir. Geniş kapsamlı
örneklerle JavaScript programlama becerilerinin artırılması hedeflenmiştir.

Günümüzde web ve uygulama geliştirme alanında JavaScript’in yeri

büyüktür. Sürekli gelişen ekosistemi ve geniş topluluğu sayesinde, öğre-
nilmeye ve kullanılmaya değerdir.

13
 JavaScript Kod Örnekleri

Kaynakça

• MDN Web Docs, [Link]

JavaScript

• Eloquent JavaScript, Marijn Haverbeke

• JavaScript: The Good Parts, Douglas Crockford

• ECMAScript Specification, [Link]

publications-and-standards/standards/ecma-262/

14