JavaScript Öğrenme Rehberi: ECMAScript, Çalıştırma ve Konu Haritası

ECMAScript nedir, JavaScript ile ilişkisi ne?

JavaScript dilinin resmî tanımı ECMAScript adını taşır ve Ecma International bünyesinde ECMA-262 numaralı standart olarak yayımlanır. Standardı geliştiren çalışma grubu TC39'dur. ECMA-262 aynı zamanda ISO/IEC 16262 olarak da onaylanmıştır. Tarayıcılardaki ve Node.js'teki JavaScript motorları bu standarda göre yazılır; böylece aynı kod farklı ortamlarda aynı dil kurallarıyla çalışır.

Yerel kopyasını incelediğimiz spesifikasyon taslağı kendisini ECMAScript 2027, yani ECMAScript dil spesifikasyonunun on sekizinci baskısı olarak tanımlıyor. 2015 yılında kabul edilen altıncı baskı (ES2015) dil için büyük bir dönüm noktasıydı: modüller, sınıf bildirimleri, blok kapsamlı değişkenler, iterator ve generator yapıları, Promise ve destructuring bu baskıyla geldi. ES2016'dan bu yana standart her yıl yeni bir baskıyla güncelleniyor.

Spesifikasyon, motor geliştiricileri için yazılmış bir gereksinim belgesidir; soyut algoritmalarla konuşur ve öğrenme kaynağı olarak tasarlanmamıştır. Dili öğrenirken MDN'in JavaScript Guide ve Reference sayfaları daha uygundur. Bir davranışın kesin kuralını merak ettiğinizde spesifikasyona bakmak ise iyi bir alışkanlıktır.

Dil ile çalışma ortamı arasındaki fark

JavaScript öğrenirken en sık karışan konu, dilin kendisi ile onu çalıştıran ortamın sunduğu araçlardır. ECMAScript yalnızca hesaplama mantığını tanımlar: tipler, operatörler, fonksiyonlar, nesneler, Promise gibi yerleşik yapılar. Ekrana yazdırma, dosya okuma, ağ isteği gönderme veya modül dosyalarını bulma gibi işler ise çalışma ortamının (host) sorumluluğundadır. Tarayıcı DOM ve diğer Web API'lerini, Node.js ise dosya sistemi gibi sunucu tarafı API'leri sağlar. Hatta console.log() bile dilin değil, ortamın sunduğu bir araçtır.

// Node.js ile çalıştırıldığında:
console.log(typeof globalThis); // object
console.log(typeof document);   // undefined (DOM tarayıcının sunduğu bir API)
console.log(typeof process);    // object (process Node.js'in sunduğu bir nesne)

Bu ayrım öğrenme planınızı da şekillendirir. Bu serideki yazılar dilin çekirdeğine odaklanır ve örnekler her ortamda aynı sonucu verir. Sunucu tarafı için Node.js nedir yazısına, sayfa içi etkileşim için tarayıcı API'lerine ayrıca çalışmanız gerekir.

JavaScript kodu nasıl çalıştırılır?

Node.js ile

Node.js kurulu bir bilgisayarda bir .js dosyası yazıp terminalden çalıştırabilirsiniz. Kısa denemeler için node -e ile tek satırlık kod çalıştırmak ya da yalnızca node yazarak etkileşimli REPL ortamını açmak da mümkündür. Bu serideki tüm örnekler Node.js 24 ile çalıştırılarak denendi.

// merhaba.js
const ad = "Dünya";
console.log(`Merhaba, ${ad}!`); // Merhaba, Dünya!

node merhaba.js
node -e "console.log(2 ** 10)"
# 1024

Tarayıcı konsolu ile

Hiçbir şey kurmadan başlamak isterseniz güncel bir tarayıcının geliştirici araçlarındaki konsol yeterlidir. Konsola yazdığınız son ifadenin değeri hemen gösterilir. Enter tuşu satırı çalıştırır; birden fazla satır yazmak için Shift ile birlikte Enter tuşuna basabilirsiniz. MDN, konsolda deneme yaparken kodunuzu strict mode açık bir IIFE içine almayı önerir; böylece yeni başlayanları yanıltan bazı eski davranışlar kapanır ve farklı denemeler birbirinin değişkenlerine karışmaz.

(function () {
  "use strict";
  function selamla(isim) {
    console.log(`Merhaba ${isim}`);
  }
  selamla("Ayşe"); // Merhaba Ayşe
})();

Önerilen öğrenme sırası

MDN JavaScript Guide; giriş, dilbilgisi ve tipler, kontrol akışı ve hata yönetimi, döngüler, fonksiyonlar, ifadeler ve operatörler, sayılar ve metinler, tarih ve saat, düzenli ifadeler, dizinli ve anahtarlı koleksiyonlar, nesnelerle çalışma, sınıflar, Promise, typed array, iterator ve generator, kaynak yönetimi, uluslararasılaştırma ve modüller sırasıyla ilerler. Aşağıdaki plan bu sırayı altı aşamada toplar:

• 1. Temeller: değişken bildirimi, veri tipleri, eşitlik ve tip dönüşümü. Diğer her konu bunların üzerine kurulur.
• 2. Fonksiyonlar: fonksiyon tanımlama biçimleri, parametreler, kapsam, closure ve this.
• 3. Veri yapıları: diziler, nesneler, Map ve Set, metinler ve JSON ile veri alışverişi.
• 4. Dil özellikleri: sınıflar, prototip zinciri, modüller, optional chaining ve template literal.
• 5. Asenkron programlama: callback, Promise, async/await ve olay döngüsü. Ağ ve dosya işlemlerinin tamamı bu bilgiye dayanır.
• 6. İleri konular: hata mesajlarını okumak, bellek yönetimi, sayıların sınırları, Symbol ve Proxy ile meta programlama.

Her aşamada okuduğunuz örnekleri kendiniz çalıştırın ve küçük değişikliklerle ne olduğunu gözleyin. Dilin çoğu tuzağı (typeof null, == ile yapılan karşılaştırmalar, TDZ hataları) okuyarak değil deneyerek akılda kalır.

Konu haritası

Serideki yazıların tamamı aşağıda gruplandı. Her yazı tek bir konuya odaklanır ve ilgili yazılara bağlantı verir.

Temeller

• var, let ve const farkı: kapsam, yeniden bildirim ve yeniden atama kuralları.
• JavaScript veri tipleri: yedi ilkel tip, nesneler ve typeof sonuçları.
• Eşitlik operatörleri: ==, ===, Object.is() ve NaN.
• Tip dönüşümü: string, number ve boolean dönüşümleri, truthy ve falsy değerler.
• Hoisting ve TDZ: bildirimlerin kod çalışmadan önce nasıl işlendiği.

Fonksiyonlar

• Fonksiyonlar ve arrow function: bildirim, ifade ve ok fonksiyonları.
• this anahtar kelimesi: çağrı biçimine göre değişen bağlam.
• Closure nedir: dış kapsamdaki değişkenleri hatırlayan fonksiyonlar.
• Scope (kapsam): global, fonksiyon, blok ve modül kapsamı.
• Callback fonksiyon: fonksiyonları argüman olarak geçirmek.
• Default ve rest parametreler: varsayılan değerler ve değişken sayıda argüman.

Asenkron programlama ve akış

• Promise nedir: gelecekte tamamlanacak bir işlemin sonucunu temsil etmek.
• async/await: Promise tabanlı kodu sıralı görünümle yazmak.
• Event loop: görev kuyrukları ve çalışma sırası.
• Hata yönetimi ve try...catch: hata fırlatmak, yakalamak ve finally.
• Promise.all, allSettled, race ve any: birden fazla Promise'i birleştirmek.
• Generator ve iterator: yineleme protokolleri ve function*.

Veri yapıları

• Dizi metotları: map, filter, reduce: dizileri dönüştürmek ve özetlemek.
• Object metotları: Object.keys(), Object.entries() ve benzerleri.
• Destructuring ve spread: değerleri parçalamak ve kopyalamak.
• String metotları: metin arama, bölme ve biçimlendirme.
• Map, Set ve WeakMap: anahtarlı koleksiyonlar.
• JSON.parse ve JSON.stringify: veriyi metne ve metinden geri çevirmek.

Dil özellikleri

• Class (sınıflar): constructor, alanlar, private üyeler ve kalıtım.
• Prototip ve kalıtım: sınıfların altında çalışan mekanizma.
• ES modülleri: import ve export: kodu dosyalara bölmek.
• Optional chaining ve nullish coalescing: ?. ve ?? operatörleri.
• Template literal: ters tırnakla metin üretmek.
• Tarih ve saat: Date ve Temporal: zamanla çalışmanın iki yolu.

İleri konular ve hatalar

• Sık görülen hata mesajları: TypeError, ReferenceError ve SyntaxError mesajlarını okumak.
• Bellek yönetimi ve garbage collection: erişilebilirlik ve bellek sızıntıları.
• Strict mode: daha katı kurallarla daha güvenli kod.
• Sayılar: Number ve BigInt: kayan nokta, güvenli tam sayı sınırı ve büyük tam sayılar.
• Symbol nedir: benzersiz özellik anahtarları ve iyi bilinen semboller.
• Proxy ve Reflect: nesne işlemlerini araya girerek özelleştirmek.

Ekosistem

• JavaScript nedir: dilin genel tanıtımı ve kullanım alanları.
• TypeScript ileri seviye: JavaScript'e statik tip denetimi ekleyen dil.
• Node.js nedir: JavaScript'i sunucuda çalıştıran ortam.

Öğrenirken sık yapılan hatalar

• Dil ile tarayıcı API'lerini karıştırmak: document veya fetch dilin değil ortamın parçasıdır. Hata aldığınızda önce kodun hangi ortamda çalıştığını kontrol edin.
• Eski kalıpları kopyalamak: internette hâlâ var ve == ile yazılmış çok sayıda örnek var. Modern kodda const, let ve === tercih edilir.
• Spesifikasyonla öğrenmeye çalışmak: ECMA-262 kesin kuralları verir ama öğretmek için yazılmadı. Önce MDN rehberini okuyun, kesin cevap gerektiğinde spesifikasyona dönün.
• Asenkron konulara erken atlamak: Promise ve async/await, fonksiyonlar ve closure iyi anlaşılmadan kafa karıştırır.
• Uyumluluğu kontrol etmemek: standarda yeni giren bir özellik her ortamda hazır olmayabilir.

Sık Sorulan Sorular

JavaScript ile ECMAScript aynı şey mi?

ECMAScript, dilin standart tanımının adıdır; JavaScript ise bu standardı uygulayan ve günlük kullanımda tercih edilen addır. MDN'e göre JavaScript, ECMAScript spesifikasyonunda tanımlanan tüm işlevselliği destekler. Tarayıcı veya Node.js gibi ortamlar ise buna kendi API'lerini ekler.

JavaScript öğrenmek için ne kurmam gerekiyor?

Başlamak için güncel bir tarayıcı yeterlidir; geliştirici araçlarındaki konsol kod çalıştırmanıza izin verir. Dosyalarla çalışmak ve sunucu tarafını denemek istediğinizde Node.js kurmanız işinizi kolaylaştırır.

Hangi ECMAScript sürümünü öğrenmeliyim?

Ayrı bir sürüm seçmenize gerek yok. Standart geriye dönük uyumlu biçimde büyür; güncel MDN içeriğini takip ettiğinizde dilin bugünkü hâlini öğrenmiş olursunuz. Yeni bir özelliği kullanacağınız zaman hedef ortamlardaki desteği kontrol etmeniz yeterlidir.

TypeScript'e ne zaman geçmeliyim?

TypeScript, JavaScript'in üzerine tip sistemi ekler ve derlendiğinde yine JavaScript üretir. Bu yüzden önce bu sayfadaki temelleri öğrenmek, TypeScript'in neyi neden denetlediğini anlamayı kolaylaştırır. Ayrıntılar için TypeScript ileri seviye yazısına bakabilirsiniz.

Marka adları sahiplerine aittir. Bu yazı bağımsız bir teknik rehberdir; adı geçen kuruluşlarla bayilik veya ortaklık ilişkisi bulunduğu anlamına gelmez.

İlgili içerikler: JavaScript nedir · var, let ve const farkı · JavaScript veri tipleri · Node.js nedir · TypeScript ileri seviye