同义词:
字符串模板使用反引号 (``) 而不是引号 ("") 来定义字符串:
和字符串模板,您可以在字符串内使用单引号和双引号:
字符串模板允许多行字符串:
字符串模板提供了一种将变量和表达式插入字符串的简单方法。
该方法称为字符串插值。
语法是:
${...}
字符串模板允许字符串中的变量:
let firstName = "John";
let lastName = "Doe";
let text = `Welcome ${firstName}, ${lastName}!`;
用实际值自动替换变量称为字符串插值。
字符串模板允许字符串中的表达式:
用实际值自动替换表达式称为字符串插值。
let header = "Templates Literals";
let tags = ["template literals", "javascript", "es6"];
let html = `<h2>${header}</h2><ul>`;
for (const x of tags) {
html += `<li>${x}</li>`;
}
html += `</ul>`;
Template Literals
是一个ES6 特性(JavaScript 2015)。
所有现代浏览器都支持它:
Chrome | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes |
Template Literals
Internet Explorer 不支持。
截取页面反馈部分,让我们更快修复内容!也可以直接跳过填写反馈内容!