JS String içinde değişken kullanma – Template literals

Normalde javascriptte bir string ile bir değişkeni birleştirip string yapmak için toplama işareti kullanılabilir. Ama bu yazıda daha basit ve okunaklı olan template literal nasıl kullanılır bunu gösterdim.

Aşağıdaki yol geçerli ve js’de kullanılabilir tabiki :

let araba = "toyota"
let km = 100_000

console.log(araba + " marka araba şuan " + km + "km yol yapmış.")
// çıktı => "toyota marka araba şuan 100000 km yol yapmış."

Js template literal

ES6 ile gelen özellikle birlikte üstteki kodu daha developer friendly yazabiliriz.

Bunun için stringi tırnak işareti değil geri tırnak işareti ` ` ( backtick ) içine alarak başlamamız lazım. Backtick yapmak için ben klavyede altgr + virgül tuşuna basıyorum sizde farklı olabilir.

Ardından değişken yerleştirmek için ${degisken} formatında yazmamız lazım. Dolar işareti + aç köşeli parantez + değişken adı + kapa köşeli parantez.

Altta bir örnek ile daha rahat anlayacaksınız :

let araba = "toyota"
let km = 100_000

console.log(`${araba} marka araba şuan ${km} km yol yapmış`)
// çıktı => "toyota marka araba şuan 100000 km yol yapmış."

Özellikle React.js gibi bir kütüphane ile web projesi geliştiriyorsanız üstteki yol daha pratik ve geliştirme sürecinde faydalı diyebiliriz.

Ufak bir not : backtick tuşuna bir kez bastığınızda çıkmaz çünkü klavye özel sembol moduna giriyor, backtickten sonra yazdığınız karaktere backtick ekliyor. örnek : è

backtick yazmak için altgr veya alt + ctrl basın ardından iki kez backtick tuşuna basın, bende virgül mesela.

Yorum bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Scroll to Top