ES6多行字符串+模板字符串

Posted 2020-12-25 hzx-5

多行字符串 最新的ES6标准新增了一种多行字符串的表示方法，用反引号 ` ... ` 表示：

‘use strict‘;

// 如果浏览器支持模板字符串，将会替换字符串内部的变量:
var name = ‘小明‘;
var age = 20;
console.log(`你好, ${name}, 你今年${age}岁了!`);

如果有很多变量需要连接，用+号就比较麻烦。ES6新增了一种模板字符串，表示方法和上面的多行字符串一样，但是它会自动替换字符串中的变量：

var name = ‘小明‘;
var age = 20;
var message = `你好, ${name}, 你今年${age}岁了!`;
alert(message);