ES6学习（5）-- 字符串模板

        前端层面的逻辑，我觉得绝大部分都是可以看做 “ 数据的处理和展示 ” 。在处理层面：无论是后台请求的JSON数据还是页面层次的字符串，数组，对象，都是我们要攻克的。在学习ES6之前，我们处理字符串时，相信大家都和我一样，单纯的字符串拼接。嗯，没错，就是 “ 字符串 ”+ 变量 + “ 字符串”......这样进行的。这时候我们就遇到比较麻烦的问题，比如：注意单引号和双引号的使用；字符串比较长的时候，不单拼接的时候乱七八糟容易出错，而且在后续检查的时候，作实让人头疼。

        ES6引入了新的字符串处理模式：字符串模板；极大的简化了前端工程狮的工作。今天，我们一起回顾一下（大家肯定不陌生）。

        1，概念

         模板字符串（template string）是增强版的字符串，用反引号（`）标识。它可以当作普通字符串使用，也可以用来定义多行字符串，或者在字符串中嵌入变量（ ${  } ）。 

        2，特点 和 用法

1，标识符是反引号，反引号内部为模板字符串内容，如果你想使用反引号，需要反斜杠转义；

2，模板中嵌入变量，需要将变量名写在 ${ } 中。

3，模板中嵌入表达式，需要将变量名写在 ${ } 中。

4，模板中调用函数，需要将变量名写在 ${ } 中。

5，模板中的所有空格和换行都会被保留。

let x = 1;
let y = 2;

function fn() {
  return "Hello World";
}

`${x} + ${y * 2} = ${x + y * 2}`
// "1 + 4 = 5"

`foo ${fn()} bar`
// foo Hello World bar

这篇博文就是简单的讲了模板字符串的使用，日常开发任务中基本上也是用到这种程度。在官网上还有更深层次的用途，有兴趣的小伙伴可以去看看。

        模板编译和标签模板

好了，这篇文章就到这里了，期待后续和大家一起学习。

拜了个拜！迪迦。。。