Asas Interpolasi Rentetan
Benamkan ungkapan di dalam literal templat.
Asas Interpolasi Rentetan ialah pelajaran Akademi JavaScript percuma di CoddyKit. Ini ialah pelajaran 1 daripada 4. Sebanyak 3 pelajaran dalam laluan pembelajaran ini boleh dibaca sepenuhnya secara percuma — selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan praktikal dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Akademi JavaScript, dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Akademi JavaScript merangkumi sejumlah 4 pelajaran.
Apakah Literal Templat
Literal templat ialah cara untuk mencipta rentetan menggunakan aksara petik belakang dan bukannya tanda petik. Literal ini membolehkan anda memasukkan ungkapan terus ke dalam rentetan tanpa penggabungan manual.
Ruang letak ditulis dengan tanda dolar yang diikuti kurungan berkerinting yang mengapit ungkapan. JavaScript menilai ungkapan itu dan memasukkan nilainya ke dalam rentetan.
const name = "Alice"
const greeting = "Hello, " + name + "!"
console.log(greeting)Sintaks Interpolasi
Dalam literal templat, letakkan ungkapan di antara pembukaan tanda dolar-kurungan dan kurungan penutup. Ungkapan itu dinilai dan ditukar kepada rentetan.
Contoh di bawah menggunakan penggabungan biasa untuk menghasilkan hasil yang sama seperti interpolasi, supaya idea ini jelas tanpa memaparkan sintaks literal tersebut.
const product = "Book"
const price = 12
const line = product + " costs " + price + " dollars"
console.log(line)Mengapa Interpolasi Membantu
Penggabungan dengan operator tambah menjadi sukar dibaca apabila anda mencampurkan banyak pemboleh ubah dan teks literal. Interpolasi mengekalkan teks di sekeliling dan hanya menggantikan bahagian dinamik.
- Kurang operator tambah
- Tiada kesilapan ruang yang tidak disengajakan
- Tujuan yang lebih jelas
const user = "Bob"
const count = 3
console.log(user + " has " + count + " messages")Memasukkan Sebarang Ungkapan
Ruang letak boleh mengandungi sebarang ungkapan yang sah, bukan sekadar pemboleh ubah. Operasi aritmetik, panggilan fungsi dan capaian sifat semuanya boleh digunakan.
const a = 5
const b = 7
console.log("Sum is " + (a + b))
console.log("Max is " + Math.max(a, b))Memanggil Fungsi Di Dalam
Anda boleh memanggil fungsi dan membiarkan nilai yang dikembalikannya dimasukkan ke dalam rentetan. Contoh ini menunjukkan bentuk penggabungan yang setara.
function upper(s) { return s.toUpperCase() }
const word = "hello"
console.log("Loud: " + upper(word))Capaian Sifat
Sifat objek boleh dibaca terus di dalam ruang letak. Di sini, kita membaca medan daripada objek pengguna.
const user = { name: "Eve", age: 30 }
console.log("Name: " + user.name + ", Age: " + user.age)Nombor Menjadi Rentetan
Apabila nombor berada dalam konteks rentetan, nombor itu ditukar secara automatik kepada bentuk teksnya. Paksaan jenis yang sama berlaku dengan interpolasi.
const total = 19.99
console.log("Total: $" + total)Ternari Dalam Ruang Letak
Logik bersyarat dengan operator ternari boleh dimasukkan ke dalam ruang letak, membolehkan anda memilih antara dua nilai secara sebaris.
const score = 72
const grade = score >= 60 ? "Pass" : "Fail"
console.log("Result: " + grade)Ungkapan Bersarang
Ruang letak boleh mengandungi rantaian kaedah dan panggilan bersarang. Apa sahaja hasil penilaian ungkapan itu akan dimasukkan.
const items = ["a", "b", "c"]
console.log("Joined: " + items.join("-"))
console.log("Count: " + items.length)Mencampurkan Banyak Nilai
Literal templat sangat berguna apabila satu ayat menggabungkan beberapa pemboleh ubah. Bandingkan versi berinterpolasi yang mudah dibaca, seperti yang diterangkan dalam teks, dengan padanan yang digabungkan ini.
const city = "Paris"
const temp = 21
const sky = "sunny"
console.log("In " + city + " it is " + temp + "C and " + sky)Melindungi Tanda Dolar
Jika anda mahu jujukan tanda dolar-kurungan literal muncul sebagai teks dan bukannya ruang letak, lindungi tanda dolar itu dengan garis miring songsang di dalam literal templat. Dalam rentetan biasa, perlindungan tidak diperlukan.
const text = "Use $\{x\} for a placeholder"
console.log(text)Semakan Pantas
Uji pemahaman anda tentang interpolasi.
Imbas Kembali
Imbas kembali: Literal templat menggunakan tanda petik belakang dan ruang letak untuk memasukkan ungkapan ke dalam rentetan.
- Ruang letak menilai sebarang ungkapan
- Nilai dipaksa menjadi rentetan
- Interpolasi lebih jelas daripada penggabungan yang panjang
- Lindungi tanda dolar untuk memaparkannya secara literal
const n = "World"
console.log("Hello, " + n + "!")
Pelajari JavaScript dengan tutor kecerdasan buatan — percuma
Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.
- Kursus
- 59
- Pelajaran
- 200
Soalan Lazim
Adakah pelajaran “Asas Interpolasi Rentetan” percuma?
Ya — sebanyak 3 pelajaran dalam laluan pembelajaran Akademi JavaScript, termasuk “Asas Interpolasi Rentetan”, boleh dibaca sepenuhnya secara percuma di web ini. Selepas itu, CoddyKit PRO membuka akses kepada semua pelajaran, serta latihan interaktif dengan penyunting kod terbina dalam dan tutor kecerdasan buatan yang tersedia 24/7. Kursus Akademi JavaScript merangkumi sejumlah 4 pelajaran.
Apakah yang akan saya pelajari dalam “Asas Interpolasi Rentetan”?
Benamkan ungkapan di dalam literal templat. Anda berlatih Akademi JavaScript menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.
Adakah saya memerlukan pengalaman untuk memulakan Akademi JavaScript?
Tiada pengalaman terdahulu diperlukan. Pembelajaran Akademi JavaScript di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 1 daripada 4.
Berapa lamakah pelajaran “Asas Interpolasi Rentetan” diambil?
Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.
Bolehkah saya menulis dan menjalankan kod dalam pelajaran Akademi JavaScript ini?
Ya. Setiap pelajaran Akademi JavaScript menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.
Semua pelajaran dalam kursus ini
- Asas Interpolasi Rentetan
- Rentetan Berbilang Baris
- Fungsi Templat Bertanda
- Kes Penggunaan Praktikal Templat Bertanda