目录
1.说明
2.示例
3.总结
1.说明
模板字符串是用反引号（`）分隔的字面量，允许多行字符串，带有嵌入表达式的字符串插值和一种带标签的模板的特殊结构。
是增强版的字符串，在进行字符串拼接时，可以拼接固定值，嵌入变量，嵌入方法等，可以进行换行。
2.示例
<!DOCTYPE html>
<html>
<head>
<title>文档标题</title>
<script type="text/javascript">
//拼接常量
var str1 = `1234569---471`
console.log(str1);
//嵌入变量
var name = "123"
var str2 = `${name}--123`
console.log(str2)
//支持换行
var str3 = `123-
345`
console.log(str3)
//嵌入方法
function getInfo(){
return '你好'
}
var str4 = `执行结果：${getInfo()}`
console.log(str4)
//嵌入表达式
var str5 = `计算结果：${1+1}`
console.log(str5)
//模板字符串可以嵌套
var flag = true
function getStu(){
return '姓名：小孙'
}
var str6 = `信息：${flag?`${getStu()}`:'信息不存在'}`
console.log(str6)
</script>
</head>
<body>
</body>
</html>结果：
3.总结
前端进行字符串拼接时，模板字符串使用简单实用，更易于理解。常用于拼接html信息，比如展示一个表格的body，可以使用模板字符串进行内容拼接
模板字符串 - JavaScript | MDN
ES6: 模板字符串_es6模板字符串-CSDN博客
![基于51单片机的超声波物位测量系统[proteus仿真]](https://img-blog.csdnimg.cn/direct/60d7f9d236c7413ab0e32ce0e2eddae8.png)