---

title: 模板字符串
date: 2016-11-21 15:04:36
tags: [js]

---

模板字符串

模板字符串是ECMAScript 2015（ES6）规范的新特性。完美的解决了js拼接字符串引号位置的烦恼。

用法

模板字符串使用反引号 ( ) 来代替普通字符串中的用双引号和单引号。模板字符串可以包含特定语法(${expression})的占位符。占位符中的表达式和周围的文本会一起传递给一个默认函数，该函数负责将所有的部分连接起来，如果一个模板字符串由表达式开头，则该字符串被称为带标签的模板字符串，该表达式通常是一个函数，它会在模板字符串处理后被调用，在输出最终结果前，你都可以在通过该函数对模板字符串来进行操作处理。

多行字符串

console.log(`string text line 1
string text line 2`);

只需要代码换行就ok👌；

表达式插补

let a = 5;
let b = 10;
console.log(`Fifteen is ${a + b} and\nnot ${2 * a + b}.`);
// "Fifteen is 15 and
// not 20."

当然变量也可以使用这种方式添加到字符串中。

最后

虽然模板字符串是es6的方法，但在有babel的项目中 我们可以尽情的使用模板字符串啦😁

原文地址：<a href="http://blog.jimliu.xyz/2016/11/21/Template-literals/">Jimliu</a>欢迎来踩