జావాస్క్రిప్ట్ స్ట్రింగ్ టెంప్లేట్స్

సరిహద్దులు:

  • టెంప్లేట్ లిటెరల్స్
  • టెంప్లేట్ స్ట్రింగ్స్
  • స్ట్రింగ్ టెంప్లేట్స్
  • బ్యాక్-టిక్స్ సంకలనం

బ్యాక్-టిక్స్ సంకలనం

模板字面量బ్యాక్ టిక్స్ (``) కు బదులుగా క్వోటేషన్స్ ("") ఉపయోగించడం ద్వారా స్ట్రింగ్లను నిర్వచించండి:

ప్రతిమాదిరి

let text = `Hello World!`;

亲自试一试

స్ట్రింగ్లో క్వోటేషన్స్

ఉపయోగించడం ద్వారా模板字面量మీరు సింగిల్ మరియు డబుల్ క్వోటేషన్స్ ను సమాంతరంగా ఉపయోగించవచ్చు:

ప్రతిమాదిరి

let text = `He's often called "Johnny"`;

亲自试一试

బహుళ పద్ధతి స్ట్రింగ్లు

模板字面量బహుళ పద్ధతి స్ట్రింగ్లను అనుమతిస్తారు:

ప్రతిమాదిరి

let text =
ది క్విక్
బ్రౌన్ ఫోక్స్
జంప్స్ ఓవర్
లేజీ డౌగ్

亲自试一试

ప్రతిస్థాపన

模板字面量వ్యాక్యానాలు మరియు వ్యాక్యానాలను స్ట్రింగ్లో ప్రతిస్థాపించే ఒక సరళమైన పద్ధతిని అందిస్తుంది。

వ్యాక్యానాలలో వ్యాక్యానాలు మరియు వ్యాక్యానాలను ప్రతిస్థాపించే ఒక సరళమైన పద్ధతిని అందిస్తుంది అనేది స్ట్రింగ్ ఇంటర్పోలేషన్ (string interpolation) అని పిలుస్తారు。

సంకలనం

${...}

వ్యాక్యానాల ప్రతిస్థాపన

模板字面量స్ట్రింగ్లో వ్యాక్యానాలను అనుమతిస్తారు:

ప్రతిమాదిరి

let firstName = "Bill";
let lastName = "Gates";
let text = `Welcome ${firstName}, ${lastName}!`;

亲自试一试

వాస్తవ విలువలతో స్వయంచాలకంగా ప్రతిస్థాపించే వ్యాక్యానాలను అంటారు:స్ట్రింగ్ ఇంటర్పోలేషన్。

వ్యాక్యానాల ప్రతిస్థాపన

模板字面量స్ట్రింగ్లో వ్యాక్యానాలను అనుమతిస్తారు:

ప్రతిమాదిరి

let price = 10;
let VAT = 0.25;
let total = `Total: ${(price * (1 + VAT)).toFixed(2)}`;

亲自试一试

వాస్తవ విలువలతో స్వయంచాలకంగా ప్రతిస్థాపించే వ్యాక్యానాలను స్ట్రింగ్ ఇంటర్పోలేషన్ అంటారు。

హ్ట్మ్ఎల్ మాడల్స్

ప్రతిమాదిరి

let header = "Templates Literals";
let tags = ["template literals", "javascript", "es6"];
let html = `
${header}
    `;
for (const x of tags) {
  html += `
  • ${x}
    • `;
}
html += `
`;

亲自试一试

浏览器支持

Internet Explorer 不支持模板字面量。

第一个完全支持模板字面量的浏览器版本是：

Chrome IE Firefox Safari Opera
Chrome 41 Edge 13 Firefox 34 Safari 10 Opera 29
2015 年 3 月 2015 年 11 月 2014 年 12 月 2016 年 9 月 2015 年 4 月

完整的字符串参考

如需完整参考，请访问我们的完整 JavaScript 字符串参考手册。

该手册包含所有字符串属性和方法的描述和实例。