JavaScript'i Çalıştırabileceğiniz Üç Ortam
JavaScript tek başına çalışmaz — dili anlayan bir ortama ihtiyaç duyar. 2026 itibarıyla pratikte kullanacağınız üç ortam var:
- Tarayıcı. Her tarayıcı kendi JavaScript motoruyla gelir (Chrome ve Edge'de V8, Firefox'ta SpiderMonkey, Safari'de JavaScriptCore). DevTools'a kodu yapıştırırsınız, çalışır.
- Node.js. JavaScript'i tarayıcının dışında çalıştırmanızı sağlayan bağımsız bir runtime — terminalde, sunucuda, build araçlarının içinde.
- Online playground'lar ve editör widget'ları (bu sayfadakiler gibi). Aslında arka planda yukarıdakilerden biri var; üstüne bir web arayüzü giydirilmiş sadece.
Dil her yerde aynı. Değişen şey, kodun neye erişebildiği — tarayıcı size document ve window verir, Node ise dosya sistemini ve ağı. Sizin için hangisi kolaysa oradan başlayın; istediğiniz zaman diğerine geçebilirsiniz.
1. Yol: Tarayıcı Konsolunda JavaScript Çalıştırma
Bir satır JavaScript çalıştırmanın en hızlı yolu tarayıcının DevTools konsolu. Herhangi bir sayfayı açın, F12'ye basın (Mac'te Cmd+Option+I), Console sekmesine geçin ve şunu yazın:
Her satırın sonunda Enter'a bas. Konsol, ifadelerin geri dönüş değerini ve console.log'a verdiğin her şeyi ekrana basar. Değişken tanımlayabilir, fonksiyon çağırabilir ve açık olan sayfayı inceleyebilirsin — örneğin document.title sana aktif sekmenin başlığını verir.
Konsolu şu işler için çok kullanışlı bulacaksın:
- Küçük bir kod parçasını iki saniyede denemek.
- Canlı bir sitenin DOM'unu kurcalamak.
- Sayfada hâlihazırda çalışan kodu debug etmek.
Ama dikkat: Konsola yazdıkların sekmeyi kapattığında uçup gider. Saklamak istediğin her şey için bir dosya kullanman lazım.
2. Yöntem: HTML Dosyası İçinde <script> Etiketi
JavaScript'i bir web sayfasının parçası olarak çalıştırmak istiyorsan, kodu bir HTML dosyasına koyman yeterli. Aşağıdakini index.html olarak kaydet ve üstüne çift tıklayıp tarayıcıda aç:
<!doctype html>
<html>
<body>
<h1 id="title">Yükleniyor...</h1>
<script>
document.getElementById("title").textContent = "Merhaba, bir script'ten";
console.log("Script çalıştı");
</script>
</body>
</html>
<script> etiketi, tarayıcıya "burayı JavaScript olarak çalıştır" der. Kod, içinde bulunduğu sayfaya erişebildiği için document.getElementById(...) ile hemen üstteki <h1> etiketine ulaşabilir. console.log çıktısını görmek için DevTools'u açmanız yeterli.
Birkaç satırı aşan kodlar için JS'i ayrı bir dosyaya taşıyıp sayfaya şöyle bağlamak çok daha mantıklı:
<script src="app.js"></script>
<script> etiketini <body>'nin sonuna yakın bir yere koy ya da başına defer ekle; böylece sayfanın HTML'i ayrıştırıldıktan sonra çalışır. Modül script'leri ve yükleme sırası hakkında daha fazla bilgi için Modüller bölümüne bakabilirsin.
3. Yöntem: Terminalden Node.js ile JavaScript Çalıştırma
JavaScript'i tarayıcı olmadan çalıştırmak istediğinde —dosyaları yeniden adlandıran bir script, küçük bir sunucu ya da hızlıca veri işleyen bir iş— Node.js devreye giriyor. nodejs.org üzerinden kur (LTS sürümünü seç) ve ardından kurulumun çalıştığını doğrula:
node --version
script.js adıyla bir dosya oluşturun:
Ardından aynı klasörün içinden şunu çalıştırın:
node script.js
Çıktı doğrudan terminale basılır. Ne HTML var, ne tarayıcı, ne de build adımı. Tarayıcı dışındaki "gerçek" JavaScript geliştirmesinin büyük kısmı zaten böyle yapılıyor — ayrıca tarayıcı projelerinin etrafındaki araçlar (bundler'lar, test runner'lar, linter'lar) da Node üzerinde çalışıyor.
Node'u dosya vermeden de çalıştırabilirsin. Terminale sadece node yazıp Enter'a bas — karşına etkileşimli bir komut satırı (REPL) çıkar ve yazdığın her satır anında çalışır. Bir şeyleri hızlıca denemek için birebir: tarayıcı konsolunun terminaldeki hali gibi düşünebilirsin.
4. Yol: Bu Sayfadaki Editör
Coddy'deki her editor-javascript bloğu canlı bir editördür. Kodu düzenle, Run'a bas, çıktıyı gör. Öğrenme aşamasındayken en rahat seçenek bu — kurulum yok, ayar yok, sekme değiştirmek yok:
"dünya" yerine kendi adını yaz ve tekrar çalıştır. Tüm döngü bundan ibaret: düzenle, çalıştır, çıktıyı oku. Bu kursun büyük kısmı bu döngü üzerine kurulu.
Hangisini Kullanmalısın?
Ne yaptığına göre seç:
- Tek satırlık bir şey deniyorsan veya canlı bir sayfayı inceliyorsan — tarayıcı konsolu.
- Etrafında bir web sayfası olan bir şey geliştiriyorsan —
<script>etiketli bir HTML dosyası. - Script, araç ya da sunucu yazıyorsan — terminalden Node.js.
- Bu kursu takip ediyorsan — tam burada, sayfadaki editör blokları.
Yeni başlayanların sık takıldığı birkaç nokta:
- Node.js'te
documentveyawindowyoktur. Bunlar tarayıcıya özgüdür. Node içindedocument.getElementById(...)çağırırsanReferenceError: document is not definedhatası alırsın. - Tarayıcıdaki kodun dosya sistemine erişimi yoktur. Tarayıcılar güvenlik için sayfaları sandbox içine alır. Yerel bir dosyayı okumak istiyorsan, işin Node tarafında.
console.logüçünde de çalışır. JavaScript'in evrensel "bir şeyi ekrana bas" komutudur.
Çalıştığını Doğrulayan Küçük Bir Script
Seçtiğin ortamda bunu çalıştır. Üç satır çıktı görüyorsan, bir sonraki sayfaya geçmeye hazırsın:
Tek bir snippet'te üç özellik birden: console.log, yerleşik Date nesnesi ve bir ok fonksiyonuyla birlikte kullanılan dizi metodu. Bunların her biriyle ilerleyen bölümlerde tek tek tanışacağız.
Sırada: Söz Dizimi ve Noktalı Virgüller
Artık kodu bir yerde çalıştırabildiğimize göre, sıra JavaScript söz diziminin nasıl göründüğüne geldi — ifadeler (statements), deyimler (expressions) ve her satırın sonuna noktalı virgül koyulup koyulmayacağına dair o bitmek bilmeyen tartışma. Bir sonraki konumuz bu.
Sıkça Sorulan Sorular
JavaScript kodunu nasıl çalıştırırım?
Üç kolay yolu var: Kodu tarayıcının DevTools konsoluna yapıştırıp Enter'a basabilirsin. Bir HTML dosyasının içine <script> etiketi ile ekleyip dosyayı tarayıcıda açabilirsin. Ya da Node.js'i kurup terminalden node script.js komutuyla çalıştırabilirsin. Üçünde de aynı dil çalışıyor — sadece çalışma ortamı değişiyor.
JavaScript dosyasını komut satırından nasıl çalıştırırım?
nodejs.org adresinden Node.js'i kur, kodunu script.js olarak kaydet ve aynı klasörde bir terminal açıp node script.js yaz. console.log(...) çıktısı doğrudan terminale düşer. HTML, tarayıcı ya da build adımı gerekmiyor.
Chrome'da JavaScript nasıl çalıştırılır?
Herhangi bir web sayfasını aç, F12'ye bas (Mac'te Cmd+Option+I) ve Console sekmesine geç. Yazdığın her ifade Enter'a basar basmaz o sayfa üzerinde çalışır. Küçük bir snippet denemek, DOM'u incelemek veya canlı bir siteyi kurcalamak için en hızlı yol budur.
