Dize Aradeğiştirme Temelleri
İfadeleri şablon sabitlerinin içine yerleştirin.
Dize Aradeğiştirme Temelleri, CoddyKit'te ücretsiz bir JavaScript Academy dersidir. Bu, 4 dersinin 1. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, JavaScript Academy öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. JavaScript Academy kursu toplamda 4 dersten oluşur.
Şablon Dizeleri Nedir
Şablon dizeleri, tırnak işaretleri yerine ters tırnak karakterini kullanarak dize oluşturmanın bir yoludur. Elle birleştirme yapmadan ifadeleri doğrudan bir dize içine yerleştirmenizi sağlar.
Bir yer tutucu, bir ifade çevresinde dolar işaretinin ardından gelen süslü parantezlerle yazılır. JavaScript ifadeyi değerlendirir ve değerini dizeye ekler.
const name = "Alice"
const greeting = "Hello, " + name + "!"
console.log(greeting)Enterpolasyon Sözdizimi
Bir şablon dizesinin içinde, açılış dolar-süslü parantezi ile kapanış parantezi arasına bir ifade yerleştirirsiniz. İfade değerlendirilir ve bir dizeye dönüştürülür.
Aşağıdaki örnek, aynı sonucu elde etmek için sıradan birleştirme kullanır; böylece fikir, şablon dizesi sözdizimi gösterilmeden açıkça anlaşılır.
const product = "Book"
const price = 12
const line = product + " costs " + price + " dollars"
console.log(line)Enterpolasyon Neden Yararlıdır
Artı operatörüyle birleştirme, çok sayıda değişkeni sabit metinle birlikte kullandığınızda okunması zor bir hâle gelir. Enterpolasyon, çevredeki metni olduğu gibi korur ve yalnızca dinamik bölümleri değiştirir.
- Daha az artı operatörü
- Yanlışlıkla eklenen boşluk hataları yok
- Daha açık bir amaç
const user = "Bob"
const count = 3
console.log(user + " has " + count + " messages")Herhangi Bir İfadeyi Yerleştirme
Bir yer tutucu yalnızca bir değişkeni değil, herhangi bir geçerli ifadeyi içerebilir. Aritmetik işlemler, işlev çağrıları ve özellik erişimi de çalışır.
const a = 5
const b = 7
console.log("Sum is " + (a + b))
console.log("Max is " + Math.max(a, b))İçeride İşlev Çağırma
Bir işlevi çağırabilir ve döndürdüğü değerin dizeye aktarılmasını sağlayabilirsiniz. Örnek, eşdeğer birleştirme biçimini gösterir.
function upper(s) { return s.toUpperCase() }
const word = "hello"
console.log("Loud: " + upper(word))Özellik Erişimi
Nesne özellikleri doğrudan bir yer tutucunun içinde okunabilir. Burada bir kullanıcı nesnesinin alanlarını okuyoruz.
const user = { name: "Eve", age: 30 }
console.log("Name: " + user.name + ", Age: " + user.age)Sayılar Dizelere Dönüşür
Bir sayı dize bağlamına girdiğinde otomatik olarak metin biçimine dönüştürülür. Aynı dönüştürme enterpolasyon sırasında da gerçekleşir.
const total = 19.99
console.log("Total: $" + total)Yer Tutucuların İçinde Üçlü Operatörler
Üçlü operatörle koşullu mantık bir yer tutucuya sığar ve satır içinde iki değer arasından seçim yapmanızı sağlar.
const score = 72
const grade = score >= 60 ? "Pass" : "Fail"
console.log("Result: " + grade)İç İçe İfadeler
Yer tutucular yöntem zincirleri ve iç içe çağrılar içerebilir. İfade ne olarak değerlendirilirse o değer eklenir.
const items = ["a", "b", "c"]
console.log("Joined: " + items.join("-"))
console.log("Count: " + items.length)Birçok Değeri Birleştirme
Şablon dizeleri, bir cümlenin birkaç değişkeni birlikte kullandığı durumlarda öne çıkar. Okunabilir enterpolasyonlu sürümü (açıklama olarak verilmiştir) bu birleştirilmiş eşdeğerle karşılaştırın.
const city = "Paris"
const temp = 21
const sky = "sunny"
console.log("In " + city + " it is " + temp + "C and " + sky)Dolar İşaretini Kaçırma
Bir dolar-süslü parantez dizisinin yer tutucu olarak değil, metin olarak görünmesini istiyorsanız, şablon dizesinin içinde dolar işaretini ters eğik çizgiyle kaçırırsınız. Normal dizelerde kaçış gerekmez.
const text = "Use $\{x\} for a placeholder"
console.log(text)Kısa Kontrol
Enterpolasyonu anlayıp anlamadığınızı kontrol edin.
Özet
Özet: Şablon dizeleri, ifadelere dizelerin içinde yer vermek için ters tırnakları ve yer tutucuları kullanır.
- Bir yer tutucu herhangi bir ifadeyi değerlendirir
- Değerler dizelere dönüştürülür
- Enterpolasyon, uzun birleştirmelerden daha açıktır
- Dolar işaretini gerçek hâliyle göstermek için kaçış kullanın
const n = "World"
console.log("Hello, " + n + "!")Sıkça Sorulan Sorular
“Dize Aradeğiştirme Temelleri” dersi ücretsiz mi?
Evet — “Dize Aradeğiştirme Temelleri” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve JavaScript Academy kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. JavaScript Academy kursu toplamda 4 dersten oluşur.
“Dize Aradeğiştirme Temelleri” dersinde ne öğreneceğim?
İfadeleri şablon sabitlerinin içine yerleştirin. JavaScript Academy ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.
JavaScript Academy öğrenmeye başlamak için deneyim gerekli mi?
Önceden deneyim gerekmez. CoddyKit'te JavaScript Academy, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 1. dersidir.
“Dize Aradeğiştirme Temelleri” dersi ne kadar sürer?
Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.
Bu JavaScript Academy dersinde kod yazıp çalıştırabilir miyim?
Evet. Her JavaScript Academy dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.
Bu kursun tüm dersleri
- Dize Aradeğiştirme Temelleri
- Çok Satırlı Dizeler
- Etiketli Şablon İşlevleri
- Etiketli Şablonların Pratik Kullanım Alanları