ప్రధాన కంటెంట్‌కు వెళ్లండి
మాడ్యూల్ 2 · 4లో పాఠం 1కోర్సులో 5/32~8 min
మాడ్యూల్ పాఠాలు (1/4)

తీగలు మరియు టెంప్లేట్ అక్షరాలు

తీగలు అనేవి అక్షరాల వరుసక్రమాలు. జావాస్క్రిప్ట్‌లో మీరు వాటిని డీలిమిట్ చేయవచ్చు మూడు విధాలుగా, అన్నీ ఇంజిన్‌కు సమానం - కానీ ఒక సూపర్ పవర్‌తో బ్యాక్‌టిక్‌ల కోసం రిజర్వ్ చేయబడింది:

JS
'single quotes';
'double quotes';
`backticks — template literals`;

సింగిల్ మరియు డబుల్ కోట్‌లు పరస్పరం మార్చుకోగలిగినవి: మీకు ఏది అనుమతిస్తే దానిని ఉపయోగించండి పారిపోకుండా ఉండండి మీ వచనంలోని ఇతర అక్షరం:

JS
'L\'isola'; // the apostrophe needs to be escaped
"L'isola"; // here it doesn't
"He said \"hi\"";
'He said "hi"';

తప్పించుకునే పాత్రలు

ఏదైనా స్ట్రింగ్ లోపల మీరు aతో "ముద్రించలేని" అక్షరాలను చేర్చవచ్చు బాక్ స్లాష్:

  • \n — కొత్త లైన్
  • \t — ట్యాబ్
  • \\ — అక్షరాలా బ్యాక్‌స్లాష్
  • \' / \" — అక్షరాలా సింగిల్ / డబుల్ కోట్
JS
console.log('line 1\nline 2');
// line 1
// line 2

టెంప్లేట్ అక్షరాలు: మీరు డిఫాల్ట్‌గా ఉపయోగించాలనుకుంటున్న సింటాక్స్

బ్యాక్‌టిక్‌లు ఇతర డీలిమిటర్‌లతో అసాధ్యమైన రెండు విషయాలను అన్‌లాక్ చేయండి:

  1. ఎస్కేప్‌లు లేకుండా మల్టిలైన్ స్ట్రింగ్‌లు: లిటరల్ న్యూలైన్‌లు అనుమతించబడతాయి.
  2. ** ఇంటర్‌పోలేషన్**: ${ … } లోపల మీరు ఏదైనా JS వ్యక్తీకరణను ఉంచవచ్చు మరియు దాని విలువ ఫలితంలో అతికించబడుతుంది.
JS
const nome = 'Anna';
const eta = 28;

const messaggio = `Ciao ${nome}, hai ${eta} anni.
Fra un anno ne avrai ${eta + 1}.`;

${ … } లోపల వ్యక్తీకరణ సాధారణ పేరు కానవసరం లేదు: ఇది కావచ్చు ఫంక్షన్ కాల్‌లు మరియు ఆపరేటర్‌లతో సహా ఏదైనా విలువను ఉత్పత్తి చేస్తుంది.

+తో అనుసంధానం

చారిత్రాత్మకంగా స్ట్రింగ్‌లు +తో కంపోజ్ చేయబడ్డాయి. ఇది ఇప్పటికీ పనిచేస్తుంది మరియు ఉపయోగకరంగా ఉంటుంది అరుదైన సందర్భాల్లో (ఉదా. బహుళ దశల్లో స్ట్రింగ్‌ను నిర్మించడం):

JS
const a = 'Ciao';
const b = 'mondo';
a + ', ' + b + '!'; // 'Ciao, mondo!'

దీనిని ప్రయత్నించండి

వ్యాయామం#js.m2.l1.e1
ప్రయత్నాలు: 0లోడ్ అవుతోంది...

`పేరు = 'లూకా'` మరియు `వయస్సు = 30` ఇచ్చిన, టెంప్లేట్‌తో 'లూకా హా 30 అన్నీ' అనే స్ట్రింగ్‌తో కంపోజ్ చేయండి. (సరిగ్గా ఈ వచనం) చివరి వ్యక్తీకరణగా.

ఎడిటర్ లోడ్ అవుతోంది…
సూచనను చూపించు

స్ట్రింగ్‌లో విలువలను చొప్పించడానికి బ్యాక్‌టిక్‌లు మరియు ${...} ఇంటర్‌పోలేషన్ ఉపయోగించండి.

3 ప్రయత్నాల తర్వాత పరిష్కారం లభిస్తుంది

వ్యాయామం సమీక్షించండి

వ్యాయామం#js.m2.l1.e2
ప్రయత్నాలు: 0లోడ్ అవుతోంది...

రెండు ధరల ప్రకారం `p1 = 7.5` మరియు `p2 = 3.20`, చివరి వ్యక్తీకరణగా 'మొత్తం: 10.7 యూరో' స్ట్రింగ్‌ను అందించండి.

ఎడిటర్ లోడ్ అవుతోంది…
సూచనను చూపించు

${...} లోపల మీరు p1 + p2తో సహా ఏదైనా వ్యక్తీకరణను ఉంచవచ్చు.

3 ప్రయత్నాల తర్వాత పరిష్కారం లభిస్తుంది