ES6 | Template Literals #3
Javascript dünyasında ES6 ile olan keşif yolculuğumuz kaldığı yerden rötarlı bir şekilde devam ediyor . Bugün sizlere ES6 ‘nın bir diğer yeniliği olan Template Literals özelliğinden bahsedeceğim. Seriyi en baştan takip etmek isteyenler için ilk yazıyı da şuraya bırakıyorum. Js | var-let-const kavramları #1 .
Template Literals
Template Literals; javascript’te ES6 ile birlikte gelen yeni bir özelliktir ve string ifadeleri daha kolay bir şekilde biçimlendirmemizi ve kullanmamızı sağlıyor. Bu kolaylığı daha iyi görebilmek için Template Literal öncesi kullanımına bir hatırlatma yapalım ve sonrasında Template Literal ile işlerin ne kadar kolaylaştığını göreceğiz.
Template Literals özelliğinden önce string ifadeleri birleştirme bu şekilde yapılıyordu ve uzayan karmaşık string ifadelerinde +’ları takip etmek zorlaşabiliyordu.
Template Literals ile birlikte yukarıdaki kullanıma geçildi ve string ifadeleri birleştirmek daha anlaşılır bir hale geldi. Örneklerde görüldüğü üzere tek başına bir değişkende olduğu gibi , bir object notasyonunda , bir fonksiyon notasyonunda da Template Literals özelliğinden yararlanılabiliyor.
Başka bir kullanım şekli de şu şekildedir. Template Literals kullanılarak yazılan string ifadeler yazılma şekilleri değişmeden çıktı alınabilir.
Böylelikle bir yazının, dolayısıyla ES6 ‘da ki bir yeniliğin daha sonuna gelmiş olduk. Artık string ifadeleri birleştirken daha kolay ve daha anlaşılır bir yönteme sahibiz. Bu yenilikleri geliştirme süreçlerimize dahil edebilmenin umuduyla bir sonraki yazıda görüşmek üzere :)
Serinin devamı ve yenilikleri öğrenmek için takipte kalın..
