ES6 - 模板字符串

通过反引号使用模板字符串

1. 拼接字符串，使用${}插入变量

let name = 'tom';
let age = 21;
let str1 = 'my name is ' + name + ',my age is ' + age;
let str2 = `my name is ${name},my age is ${age}`;
console.log(str1);// my name is tom,my age is 21
console.log(str2);// my name is tom,my age is 21

2. 解决字符串换行问题

// 普通字符串换行写要分开再拼接
let str0 = 'my name is tom,'
+'my age is 21';
console.log(str0);
// my name is tom,my age is 21

// 要想输出换行要用\n换行符
let str1 = 'my name is tom,\nmy age is 21';
console.log(str1);
// my name is tom,
// my age is 21

// 模板字符串可以识别换行，同时保留空格
let str2 = `my name is tom,
my age is 21`;
console.log(str2);
// my name is tom,
// my age is 21