టెంప్లేట్ లిటరల్‌లు ఏమిటి?

Question

Accepted Answer

**టెంప్లేట్ లిటరల్‌లు** బ్యాక్‌టిక్‌లను (`` ` ``) ఉపయోగిస్తాయి మరియు సాధారణ స్ట్రింగ్ కోట్‌లలో లేని రెండు విషయాలను జోడిస్తాయి: వ్యక్తీకరణల **ఇంటర్‌పోలేషన్** మరియు **బహు-పంక్తి** స్ట్రింగ్‌లు. ```js const name = "Ann"; const count = 3; // interpolation: ${expression} const msg = `Hi ${name}, you have ${count} new messages`; // any expression works, not just variables const total = `Total: ${(count * 1.1).toFixed(2)}`; // multi-line — preserves the line breaks const html = `

${name}

`; ``` టెంప్లేట్ లిటరల్‌ల ముందు మీరు `"Hi " + name + ", " + count + ...` అని వ్రాస్తారు — వెర్బోస్ మరియు ఎర్రర్-ప్రోన్‌. ఇంటర్‌పోలేషన్ చాలా బాగా చదువుతుంది. ## ట్యాగ్ చేసిన టెంప్లేట్‌లు (అధ్వాన్సడ్) బ్యాక్‌టిక్‌ల ముందు ఉంచిన ఫంక్షన్ స్ట్రింగ్ భాగాలను మరియు ఇంటర్‌పోలేట్ చేసిన విలువలను అందుకుంటుంది, వాటిని ప్రాసెస్ చేయడానికి అనుమతిస్తుంది: ```js function highlight(strings, ...values) { return strings.reduce((out, s, i) => out + s + (values[i] ? `${values[i]}` : ""), ""); } highlight`Hello ${name}!`; // "Hello Ann!" ``` ఇది **styled-components** మరియు సురక్షితమైన SQL/HTML ఎస్కేపింగ్ సహాయకారుల వంటి లైబ్రరీలను శక్తిచేస్తుంది. ## ఇది ఎందుకు ముఖ్యమైనది టెంప్లేట్ లిటరల్‌లు ఈ రోజు స్ట్రింగ్‌లను నిర్మించే ప్రామాణిక మార్గం — చదవదగిన ఇంటర్‌పోలేషన్, సులభమైన బహు-పంక్తి వచనం, మరియు DSL‌ల కోసం ఒక హుక్ (ట్యాగ్ చేసిన టెంప్లేట్‌లు).