ES6 模板字符串

介绍

本文是在学习ES6时做的一些学习笔记，所有的笔记请查看：ES6 学习笔记

1、模板字符串

如下所示，可以使用模板字符串定义html，然后使用trim()函数，去掉空格

如下方法使用模板字符串：

模板字符串中可以使用三元表达式：

  ${todo.completed ? '' ："}

模板字符串可以使用函数：

2、标签模板字符串

当在控制台输入sentence查看其值时，返回的值为laravist，说明标签模板字符串返回的内容由其标签函数确定。

如下，为标签模板字符串的形式，其中strings为数组，…values为剩余参数（user、topic），模板字符串如果以变量开头或者结尾，则strings在开头或者结尾中就会多空字符串。

...values为  ES6的剩余参数

如下为对模板字符串进行处理：
1、首先对values中的值进行处理，使用模板字符串进行处理

const highlighted=values.map(value => `<span class="hightlight">${value}</span>`)

2、然后对处理后的values中的值和strings中的值进行组合，形成新的字符串

3、标签模板字符串最佳实践

标签模板字符串可用于处理用户的输入，对用户的输入进行过滤。配合DOMPurity使用。