一、 模版字符串
用反引号(`)来标识起始,用${}
来引用变量,而且所有的空格和缩进都会被保留在输出之中。
let apple="苹果",banana='香蕉';
let fruit = "今天的水果是" + apple + '和' + banana + "!";
console.log(fruit); //输出:今天的水果是苹果和香蕉!
let es6fruit = `今天的水果是 ${apple} 和 ${banana} !`;
console.log(es6fruit); //输出:今天的水果是苹果和香蕉!
二、 带标签的模版字符串
Tagged Templates 就是带标签的模板,我们在模板字符串的前面添加一个标签(可以看做一个函数),这个标签可以去处理模板字符串里的字符,还有插入的变量值。
let fruitinfo = (strings,...values) => {
console.log(strings,values); //输出:[今天的水果是,和,!] [苹果,香蕉]
let result = '';
for(let i = 0;i < values.length;i++){
result = result + strings[i] + values[i];
};
result += strings[strings.length-1];
console.log(result); //输出:今天的水果是 苹果 和 香蕉 !
}
let apple="苹果",banana='香蕉';
let fruits = fruitinfo`今天的水果是 ${apple} 和 ${banana} !`;
为了最好的结果,让我们把疯狂进行到底。