<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
// 模板字符串是一种特殊的字符串
// 是 ES6语法 新增的一种字符串形式
// 为了更加简单更加方便的使用字符串
// 语法形式是 ` ` 反引号 包裹字符串内容
// ` 反引号 是 esc 下 1 左侧的按键
// ` ` 模板字符串的优点
// 1,普通字符串,不支持在代码中换行
// 多用于,通过拼接生成页面中的代码内容
// 2,可以解析变量
// 将变量使用 ${} 包裹 可以解析 ${}其中包裹的变量的数据信息
// 3,因为没有外层的单引号,双引号,模板字符串中,单引号,双引号随便写
var str1 = `北京今天天气挺好的`;
console.log(str1);
// 1,字符串代码中可以换行
// 普通字符串,如果换行,会直接标错
// var str2 = '北
京';
// 模板字符串可以
var str2 = `北
京`;
// 2,可以解析变量
var int = 100;
// 普通字符串,必须要拼接实现
var str3 = '今天女朋友给了我' + int + '块零花钱';
// 模板字符串可以直接解析变量
var str4 = `今天女朋友给了我${int}块零花钱`;
// 3, 普通字符串 单套多 多套单
// 模板字符串,随便套
var str5 = ` '北'""'京'今'天'天""""气'挺'好'的" `;
// 实际项目中,推荐大家使用模板字符串
// 当然简单的字符串,还是使用引号包裹
</script>
</body>
</html>