Нови елемент додат у ЕС6 је литерал шаблона. То је нови тип за креирање стрингова у ЈаваСцрипт-у који додаје неколико важних нових функција, као што је могућност креирања вишелинијских стрингова и укључивања израза у стринг. Као програмер, све ове функције могу побољшати ваше способности за манипулисање стринговима и омогућавајући вам да креирате динамичке стрингове.
Овај пост ће илустровати литерале шаблона и како их користити у ЈаваСцрипт-у.
Шта су литерали ЈаваСцрипт шаблона (низови шаблона)?
“ Литерали шаблона “ су познати као “ Темплате Стингс ”. Окружени су позадином ( “ ) карактер, у поређењу са наводницима у стринговима. Његови чувари места су означени знаком долара „ $ “ и витичасте заграде {} као ' ${екпрессион} ” је прихватљив у литералима шаблона. Ако желите да користите израз, можете га ставити у „ ${екпрессион} ” оквир унутар позадине.
Литерал шаблона је побољшана верзија стандардног ЈаваСцрипт стринга. Замене праве значајну разлику између литерала шаблона и обичног стринга. Можете интегрисати променљиве и изразе у стринг користећи замене. Ове променљиве и изрази ће имати њихове вредности аутоматски замењене ЈаваСцрипт машином.
Синтакса
Користите доњу синтаксу за декларисање једног стринга помоћу литерала шаблона:
` стринг тект `
За више редова, пратите дату синтаксу:
` стринг текстуални ред 1
стринг текстуални ред
Ако желите да додате израз унутар позадинских ознака, користи се следећа синтакса:
Погледајте следеће примере да бисте боље разумели наведени концепт.
Пример 1: Декларишите низ у једној линији користећи литерале ЈаваСцрипт шаблона
Обично, да бисте креирали стринг, потребно је да користите једноструке или двоструке наводнике, али у литералима шаблона можете креирати стринг на следећи начин:
цонсоле.лог ( ` ЛинукХинт ` ) ;
Излаз показује да функционише исто као и једноставно креирање убода уз помоћ једноструких или двоструких наводника:
Пример 2: Декларишите низ са више линија користећи литерале ЈаваСцрипт шаблона
Обично, за штампање више редова, користимо оператор конкатенације (+) и за додавање нове линије може се користити (\н), што често може да учини код сложеним:
цонсоле.лог ( „Добро дошли у ЛинукХинт. \н ' + „Најбоља веб локација за учење вештина.“ ) ;
Док користите литерале шаблона, можете започети нови ред притиском на ентер са тастатуре у блоку за позадину:
Најбољи сајт за вештине учења. ` ) ;
Излаз
Пример 3: Стринг са заменама израза
Овде ћемо прво креирати две променљиве “ Икс ' и ' И “, са вредностима „ двадесет ' и ' петнаест ', редом:
вар к = двадесет ;вар и = петнаест ;
Затим креирајте променљиву „ сум ” за додавање „ Икс ' и ' И ”:
Ако желите да додате два броја и прикажете збир ових бројева на конзоли, обично је потребно да повежете низове и променљиве у регуларни стринг формат који често ствара неред да се узастопно користе једноструки или двоструки наводники са стринговима и спајају их међусобно и са променљивим који користе ( + ):
Док, користећи литерале шаблона, морате само да наведете низове са променљивим као израз унутар „ ${} ” у блоку за повратак:
Излаз
Прикупили смо све битне информације везане за литерале шаблона.
Закључак
“ Литерали шаблона ', такође познат као ' Темплате Стингс “, је побољшана верзија стандардног ЈаваСцрипт стринга окруженог позадином ( “ ) карактер, у поређењу са наводницима у стринговима. Дозвољава креирање једнолинијских и вишелинијских стрингова без употребе оператора конкатенације и укључује израз у стринг. Овај пост је расправљао о литералима шаблона у ЈаваСцрипт-у са објашњеним примерима.