在 ES6 之前,将字符串连接到一起的旧方法是使用字符串连接运算符 (+
);
比如:
const myName = '[NAME]';
const greeting = 'Hello, my name is ' + myName;
console.log(greeting);
现在es6新增加了模板字面量:
模板字面量用倒引号 ( ``
)(而不是单引号 ( ''
) 或双引号( ""
))表示,可以包含用 ${expression}
表示的占位符。这样更容易构建字符串。
const myName = '[NAME]';
const greeting = `Hello, my name is ${myName}`;
console.log(greeting);
模板字面量也将换行符当做字符串的一部分!
const myName = '[NAME]';
const greeting = `Hello, my name is
${myName}`;
console.log(greeting);
结果: