const name = 'Alice';const age = 25;console.log(`My name is ${name} and I'm ${age} years old.`);
在上面的例子中,我们使用了模板字面量来构建一条包含变量name和age的句子。使用${}结构将变量插入到字符串中,输出为:My name is Alice and I'm 25 years old. 这种写法相比于字符串拼接更加简洁明了。模板字面量的高级用法除了简单的变量插入外,模板字面量还支持更加复杂的表达式。我们可以在${}结构中使用任意的JavaScript表达式,包括算术运算、函数调用、条件判断等等。例如,我们可以计算两个数的和并将结果插入字符串中:
const a = 10;const b = 5;console.log(`The sum of ${a} and ${b} is ${a + b}.`);
输出为:The sum of 10 and 5 is 15. 在这个例子中,我们在${}结构中使用了算术运算来计算a和b的和,并将结果插入到字符串中。我们还可以使用条件判断来动态生成字符串:
const age = 18;console.log(`I am ${age >= 18 ? 'an adult' : 'a minor'}.`);
输出为:I am an adult. 在这个例子中,我们使用了条件运算符来根据age的值判断是否为成年人,并将结果插入到字符串中。在JavaScript中,使用${}结构可以将变量、表达式或函数的结果插入到字符串中,构建动态的内容。模板字面量的引入使得字符串的拼接更加简洁和易读,同时也增加了代码的可维护性。通过使用模板字面量,我们可以更加方便地构建复杂的字符串,包括变量插入、算术运算、函数调用、条件判断等等。这使得JavaScript在处理字符串时变得更加灵活和强大。