模板字面量是ES6新增的使用模板字面量来定义字符串的方法,与单引号和双引号不同,模板字面量可以保留换行等。
一、用法
使用``来定义字符串,不同于单引号或双引号,而是使用反引号。
1、保留换行
// 会按照模板字符串里面的内容进行原样输出
const str = `i am a good boy,
so good`;
console.log(str);
// i am a good boy,
// so good
2、字符串插值(重点)
用法:使用${}来进行插值。
const name = 'paul',age = 23
console.log(`使用模板字符串插值name:${name},插值age:${age}`)
// 使用模板字符串插值name:paul,插值age:23
可以看到在${}里面的内容直接被解析了,这比原来的要进行字符串拼接的方式简单多了。
在${}中,所有插入的值都会使用toString()方法来强转为字符串,此外,任何JavaScript表达式都可以用在插值中。
const name = 'paul',age = 23
console.log(`在插值中使用表达式:${age+5}`) // 28
在插值表达式中调用函数和方法:</