1. ${ }是es6新增的字符串方法
    可以配合单反引号完成字符串拼接的功能

  2. 为什么要用模板字符串

在ES2015之前,如果在字符串中插入一个JavaScript表达式,需要使用如下形式:

let job=“web前端开发工程师”;
let str1=“我是”+job+",工作5年了";

上面代码将变量job插入到字符串中,需要使用+进行字符串连接。
如果插入的数量较多,或者说较为复杂的操作,那么上面的方式将十分繁琐,不人性化。
再来看一下利用占位符对上面功能的实现,代码实例如下:

let job=“web前端开发工程师”;
let str2=我是${job},工作5年了;//注意有坑:这里不是单引号,是esc下面的点符号
console.log(str2);

  1. 用法:

a. 定义需要拼接的字符串
b. 将字符串用${ }包起来,写到需要拼接的地方

例子:
let a = ’ sally ’
let str = ${ a } loves dog

Logo

基于 Vue 的企业级 UI 组件库和中后台系统解决方案,为数万开发者服务。

更多推荐