ES6-模版字符串

一、 模版字符串

用反引号（`）来标识起始，用${}来引用变量，而且所有的空格和缩进都会被保留在输出之中。

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} !`;

为了最好的结果，让我们把疯狂进行到底。