- ES6提供了一种新的写描述字符串的方式:反引号(数字键1旁边的英文状态下的符号)
- 作用
- 和引号标记字符串的效果一样
- 可以解决引号字符串过长不能换行的问题
- 可以解决字符串连接需要使用+号的问题
`${数据}`
<script>
//1.引号字符串,不方便换行(保留结构)
//写在一行太长,且没有结构感,所以一般使用+号连接字符串
let str = '<div class="goods">';
str += '<a href="#">华为mate40</a>';
str += '</div>';
document.write(str);
//2.模板字符串就可以直接换行保护结构
let str = `<div class="goods">
<a href="#">华为mate40</a>
</div>`;
document.write(str);
//3.模板字符串里面可以方便解析变量,简化字符串的拼接
let data = '华为mate40pro';
let html = `
<div class="goods">
<a href="#">${data}</a>
</div>
`
</script>