ટેમ્પલેટ લિટરલ્સ શું છે?

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 એસ્કેપિંગ સહાયકો જેવી લાઇબ્રેરીને શક્તિ આપે છે. ## તે શા માટે મહત્વપૂર્ણ છે ટેમ્પલેટ લિટરલ્સ આજે સ્ટ્રિંગ્સ બનાવવાનો માનક રીત છે — વાંચી શકાય તેવી ઇન્ટરપોલેશન, સહળી બહુ-લાઇન ટેક્સ્ટ, અને DSLs માટે હૂક (ટેગ્ડ ટેમ્પલેટ્સ).