ES6లో జోడించబడిన కొత్త మూలకం టెంప్లేట్ అక్షరం. జావాస్క్రిప్ట్‌లో స్ట్రింగ్‌లను సృష్టించడం కోసం ఇది ఒక కొత్త రకం, ఇది బహుళ-లైన్ స్ట్రింగ్‌లను సృష్టించగల సామర్థ్యం మరియు స్ట్రింగ్‌లో వ్యక్తీకరణను చేర్చడం వంటి అనేక ముఖ్యమైన కొత్త ఫీచర్‌లను జోడిస్తుంది. డెవలపర్‌గా, ఈ లక్షణాలన్నీ స్ట్రింగ్‌లను మానిప్యులేట్ చేయడానికి మరియు డైనమిక్ స్ట్రింగ్‌లను సృష్టించడానికి మిమ్మల్ని అనుమతించడానికి మీ సామర్థ్యాలను మెరుగుపరుస్తాయి.
ఈ పోస్ట్ టెంప్లేట్ అక్షరాలను మరియు వాటిని జావాస్క్రిప్ట్‌లో ఎలా ఉపయోగించాలో వివరిస్తుంది.
జావాస్క్రిప్ట్ టెంప్లేట్ లిటరల్స్ (టెంప్లేట్ స్ట్రింగ్స్) అంటే ఏమిటి?
' టెంప్లేట్ లిటరల్స్ 'సాధారణంగా' అంటారు టెంప్లేట్ స్ట్రింగ్స్ ”. వారు బ్యాక్‌టిక్‌తో చుట్టుముట్టారు ( ' ) అక్షరం, స్ట్రింగ్‌లలోని కోట్‌లతో పోలిస్తే. దీని ప్లేస్‌హోల్డర్‌లు డాలర్ గుర్తుతో సూచించబడతాయి ' $ ”, మరియు కర్లీ జంట కలుపులు {} ఇష్టం' ${expression} ” టెంప్లేట్ అక్షరాలలో ఆమోదయోగ్యమైనది. మీరు ఒక వ్యక్తీకరణను ఉపయోగించాలనుకుంటే, మీరు దానిని ' ${expression} ” బ్యాక్‌టిక్‌ల లోపల పెట్టె.
టెంప్లేట్ లిటరల్ అనేది ప్రామాణిక జావాస్క్రిప్ట్ స్ట్రింగ్ యొక్క మెరుగైన వెర్షన్. ప్రత్యామ్నాయాలు టెంప్లేట్ లిటరల్ మరియు సాధారణ స్ట్రింగ్ మధ్య ముఖ్యమైన వ్యత్యాసాన్ని కలిగి ఉంటాయి. మీరు ప్రత్యామ్నాయాలను ఉపయోగించి వేరియబుల్స్ మరియు ఎక్స్‌ప్రెషన్‌లను స్ట్రింగ్‌లో ఇంటిగ్రేట్ చేయవచ్చు. ఈ వేరియబుల్స్ మరియు ఎక్స్‌ప్రెషన్‌ల విలువలు స్వయంచాలకంగా JavaScript ఇంజిన్ ద్వారా భర్తీ చేయబడతాయి.
వాక్యనిర్మాణం
టెంప్లేట్ అక్షరాలను ఉపయోగించి ఒకే స్ట్రింగ్‌ని ప్రకటించడానికి క్రింది వాక్యనిర్మాణాన్ని ఉపయోగించండి:
` స్ట్రింగ్ టెక్స్ట్ `
బహుళ పంక్తుల కోసం, ఇచ్చిన వాక్యనిర్మాణాన్ని అనుసరించండి:
` స్ట్రింగ్ టెక్స్ట్ లైన్ 1
స్ట్రింగ్ టెక్స్ట్ లైన్
మీరు బ్యాక్‌టిక్‌ల లోపల వ్యక్తీకరణను జోడించాలనుకుంటే, కింది వాక్యనిర్మాణం ఉపయోగించబడుతుంది:
పేర్కొన్న భావనపై మంచి అవగాహనను పెంపొందించడానికి క్రింది ఉదాహరణలను చూడండి.
ఉదాహరణ 1: జావాస్క్రిప్ట్ టెంప్లేట్ లిటరల్స్ ఉపయోగించి సింగిల్ లైన్ స్ట్రింగ్‌ను ప్రకటించండి
సాధారణంగా, స్ట్రింగ్‌ను సృష్టించడానికి, సింగిల్ లేదా డబుల్ కోట్‌లను ఉపయోగించడం అవసరం, కానీ టెంప్లేట్ అక్షరాలలో, మీరు ఈ క్రింది విధంగా స్ట్రింగ్‌ను సృష్టించవచ్చు:
console.log ( ` LinuxHint ` ) ;
సింగిల్ లేదా డబుల్ కోట్‌ల సహాయంతో సింపుల్ క్రియేట్ స్టింగ్ లాగానే ఇది పనిచేస్తుందని అవుట్‌పుట్ చూపిస్తుంది:
ఉదాహరణ 2: JavaScript టెంప్లేట్ లిటరల్స్ ఉపయోగించి బహుళ-లైన్ స్ట్రింగ్‌ను ప్రకటించండి
సాధారణంగా, బహుళ పంక్తులను ముద్రించడానికి, మేము సంయోగ ఆపరేటర్ (+)ని ఉపయోగిస్తాము మరియు కొత్త లైన్‌ను జోడించడానికి, (\n) ఉపయోగించబడవచ్చు, ఇది తరచుగా కోడ్‌ను సంక్లిష్టంగా చేస్తుంది:
console.log ( 'LinuxHintకు స్వాగతం. \n ' + 'నేర్చుకునే నైపుణ్యాల కోసం ఉత్తమ వెబ్‌సైట్.' ) ;
టెంప్లేట్ అక్షరాలను ఉపయోగించడం కోసం, బ్యాక్‌టిక్స్ బ్లాక్‌లోని కీబోర్డ్ నుండి ఎంటర్ నొక్కడం ద్వారా మీరు కొత్త లైన్‌ను ప్రారంభించవచ్చు:
ఉత్తమ వెబ్‌సైట్ కోసం నేర్చుకునే నైపుణ్యాలు. ` ) ;
అవుట్‌పుట్
ఉదాహరణ 3: వ్యక్తీకరణ ప్రత్యామ్నాయాలతో స్ట్రింగ్
ఇక్కడ, మొదట మనం రెండు వేరియబుల్స్ సృష్టిస్తాము ' x 'మరియు' వై ', విలువలతో' ఇరవై 'మరియు' పదిహేను ”, వరుసగా:
var x = ఇరవై ;var y = పదిహేను ;
అప్పుడు, ఒక వేరియబుల్ సృష్టించండి ' మొత్తం ' జోడించినందుకు ' x 'మరియు' వై ”:
మీరు రెండు సంఖ్యలను జోడించి, ఈ సంఖ్యల మొత్తాన్ని కన్సోల్‌లో ప్రదర్శించాలనుకుంటే, సాధారణంగా, స్ట్రింగ్‌లు మరియు వేరియబుల్‌లను సాధారణ స్ట్రింగ్ ఫార్మాట్‌లో కలపడం అవసరం, ఇది స్ట్రింగ్‌లతో పదేపదే సింగిల్ లేదా డబుల్ కోట్‌లను ఉపయోగించడం మరియు వాటిలో చేరడం వంటి గందరగోళాన్ని సృష్టిస్తుంది. ఒకదానితో ఒకటి మరియు వేరియబుల్స్ ఉపయోగించి ( + ):
అయితే, టెంప్లేట్ అక్షరాలను ఉపయోగించి, మీరు '' లోపల వ్యక్తీకరణగా వేరియబుల్స్‌తో స్ట్రింగ్‌లను మాత్రమే పేర్కొనాలి. ${} బ్యాక్‌టిక్ బ్లాక్‌లో:
అవుట్‌పుట్
మేము టెంప్లేట్ అక్షరాలకు సంబంధించిన అన్ని అవసరమైన సమాచారాన్ని సేకరించాము.
ముగింపు
' టెంప్లేట్ లిటరల్స్ ', ఇలా కూడా అనవచ్చు ' టెంప్లేట్ స్ట్రింగ్స్ ”, బ్యాక్‌టిక్ చుట్టూ ఉన్న ప్రామాణిక జావాస్క్రిప్ట్ స్ట్రింగ్ యొక్క మెరుగైన సంస్కరణ ( ' ) అక్షరం, స్ట్రింగ్‌లలోని కోట్‌లతో పోలిస్తే. ఇది సంగ్రహణ ఆపరేటర్‌ని ఉపయోగించకుండా సింగిల్-లైన్ మరియు బహుళ-లైన్ స్ట్రింగ్‌ల సృష్టిని అనుమతిస్తుంది మరియు స్ట్రింగ్‌లో వ్యక్తీకరణను కలిగి ఉంటుంది. ఈ పోస్ట్ వివరించిన ఉదాహరణలతో జావాస్క్రిప్ట్‌లోని టెంప్లేట్ అక్షరాలను చర్చించింది.