JavaScript 模版字符串学习

还在使用 + 拼接字符串吗？赶紧学习一下【JavaScript 模版字符串】吧，比 + 号要好用不少呢。

JavaScript 模板字符串需要使用反单引号（键盘上 TAB 键上面），内部使用 ${} 符号，可以是常量、变量、表达式、函数调用、甚至嵌套模板字符串。

一、使用常量

// 输出：使用常量：99
let s1 = `使用常量：${99}`;
console.log(s1);

二、使用变量

// 输出：使用变量：100
let v = '100'
let s2 = `使用变量：${v}`;
console.log(s2);

三、使用表达式

// 输出：使用表达式：2
let s3 = `使用表达式：${1 + 1}`;
console.log(s3);

四、使用函数

// 输出：使用函数：4
function fun (v1, v2) {
	return v1 + v2;
}
let s4 = `使用函数：${2 + 2}`;
console.log(s4);

五、嵌套模板字符串

// 输出：使用嵌套：嵌套：99
let s5 = `使用嵌套：${`嵌套：${99}`}`;
console.log(s5);