模板字符串为字符串拼接提供了一种新的方式,还可以在模板字符串中插入变量。
老的字符串拼接:
var name = "张三"
var str = "姓名: " + name;
console.info(str);
模板字符串:
var name = "张三";
var str = `姓名:${name}`
console.info(str );
为什么要使用模板字符串?
在javascript代码中拼接html字符串是一件不容易的事情,而且代码可读性不好。不用再一行把所有内容都写全了或者不停的些多个加号把字符串拼接,繁琐而且容易出错。使用模板字符串可以更好的组织html代码,支持空白也错误文本的一部分,可直接插入格式化的html代码,便于阅读和理解。
模板字符串语法:
`***${变量}***${变量}***`
例如:
document.body.innerHTML = `
<div>
<div>姓名:${name}</div>
<div>年龄:${age}</div>
</div>
`