在ES5中,字符串只能用单双引号包裹,单双引号中间的字符串不允许换行,不能解析变量。
在ES6中,新增了字符串模板语法,即反引号(主键盘左上角数字键1左边的键),使用反引号包裹的字符串支持换行支持变量解析。
请看如下代码:
<!DOCTYPE html>
<html>
<head>
<title>JS中的字符串模板语法</title>
</head>
<body>
<script type="text/javascript">
//反引号字符串,可以换行
var str = 'hello,world';
//示例:拼接tr td标签
var tr = `
<tr>
<td>${str}</td>
<td>2</td>
</tr>
`;
console.log(tr);
</script>
</body>
</html>
解释:
在以上代码中,我们使用反引号包裹了一段html代码,在反引号中间我们使用${变量}语法,可以直接调用变量。
输出结果如下:
|