ECMAScript6: 模板字面量

来自CloudWiki
跳转至: 导航搜索

多行字符串

在ES6中,使用模板字面量语法,可以很方便的实现多行字符串的创建。

使用反引号(`)来包裹字符串。

 
let message = `Hello 
World`;

console.log(message);

字符串占位符

在一个模板字面量中,可以将Javascript变量或者任何合法的Javasscript表达式嵌入占位符中并将其作为字符串的一部分输出到结果中。

let name = "zhangsan";
let message =`Hello, ${name}`;
console.log(message);

let amount = 5;
let price = 86.5;
let total = `The total price is ${price * amount}`;
console.log(total);

let name2 = "lisi";
let message2 = `Hello, ${
		`my name is ${name2}`
	}.`;
	
console.log(message2);