String & Template Literals

JavaScript’te ‘backtick’ kullanılarak uygulanır. Değişkenleri ve ifadeleri dizelere eklemenin kolay bir yolunu sunar.

const city="İstanbul";
const country="Türkiye";
const plaque= 34;

const myCity= city+"'un "+ "plakası "+ plaque +' olup '+ country +"'dedir. "

console.log(myCity) //"İstanbul'un plakası 34 olup Türkiye'dedir."

Yukarıda olduğu gibi hem okunurluk bakımından hem de yanlış yapma ihtimali daha yüksek olabilen bir kod parçası yerine “backtick” kullanarak hem okunabilirlik hem de hata yapma payımı düşürebilirim. şimdi “backtick” kullanımına bakalım.

let text = `He's often called "Johnny"`;

let sentence =
`The quick
brown fox
jumps over
the lazy dog`; // konsolda; yazıldığı gibi satırlı olarak karşıma çıkar.

String Enterpolation:

Get Hakan Yigit Ozen’s stories in your inbox

Join Medium for free to get updates from this writer.

Remember me for faster sign in

Değişkenlerin otomatik olarak gerçek değerlerle değiştirilmesine denir. ‘${…}’ ile değişkenler alınır.

const city="İstanbul";
const country="Türkiye";
const plaque= 34;

const myCity= `${city}' un plakası ${plaque} olup ${country}'dedir`
console.log(myCity) //" İstanbul' un plakası 34 olup Türkiye'dedir"

Expression Substitution:

‘${…}’ içerisinde aldığım değişkenin kendisini değişikliğe uğratmadan backticklerim içerisinde bir işlem yapabilirim. Bunu yapmak orjinal değişkenimi değiştirmez, tuttuğu değerleri almamı sağlar.

let radius = 10;
let PI = 3.14;
let total = `Total: ${(radius* (2 * PI)).toFixed(2)}`;
console.log(total) // "Total: 62.80"

Linkedin hesabımdan bağlantı kurabilirsiniz…