模板字符串

<!DOCTYPE html>

<head>

<title>Document</title>

</head>

<body>

// 模板字符串是一种特殊的字符串

// 是 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>