ES6基础--模板字符串

目录 

        模板字符串使用

        基本使用方式

        运算表达式

        调用函数

        ​​​​​​​标签模板

---

模板字符串使用

基本使用方式

        ES5中一般输出模板采用字符串拼接方式进行，ES6中引入了模板字符串来简化字符串的拼接。模板字符串是增强版的字符串，使用反引号(`)来标识，它的优点在于既可以当作普通字符串使用，也可以定义多行字符串，还可以在字符串中嵌入变量

//普通字符串
let str1 =  `common string`;
console.log(str1);
//多行字符串
let str2 = 
`one
two
three`
console.log(str2);

let str3 = `one
            two
            three`
console.log(str3);

        我们可以看看页面渲染效果有什么不同：

        我们可以看见，多行字符串输出格式和我们代码编写时的格式是一致的，也就是说所有的空格、缩进、换行等空白符都会保留在输出之中，因此在利用模板字符串写多行代码时要注意格式。

        若我们要在模板字符串中嵌入变量，需要通过'${变量名}'来实现：

// 字符串中嵌入变量
let Name = &#