javascript - ES6 字符串模板

Question

所以我是 ES6 的新手，很想知道是否有一种比尝试找出顺序更简单的方法来返回字符串，我喜欢这种方法，但我发现对于大字符串来说它有点酷刑。请任何人都可以朝正确的方向射击我吗？此外，是否可以为此功能使用箭头功能？

function text(strings, ...values){
        if(values[3]>200){
          values[2] = "realy fast up too"
        }else{
          values[2] = "super slow up too"
        }
        return `${strings[0]}${values[0]} ${values[1]}${strings[1]}${strings[2]}${values[2]} ${values[3]}${strings[3]}${strings[4]}${strings[5]}${values[4]}`;
      }

      let sentance = text`Your ${this.color} ${this.cartype}can drive ${""} ${this.speed}Km/H while going ${this.carsound(carS)}`;

我也尝试使用如下所示的箭头函数，但在第 16 行(您看到的第一行)出现编译错误(意外标记)

text(strings, ...values)=>{
        if(values[3]>200){
          values[2] = "realy fast up too"
        }else{
          values[2] = "super slow up too"
        }
        return `${strings[0]}${values[0]} ${values[1]}${strings[1]}${strings[2]}${values[2]} ${values[3]}${strings[3]}${strings[4]}${strings[5]}${values[4]}`;
      } 

Answer 1

如果使用 jQuery，我会做这样的事情

let text = (strings, ...values) {
    // code
    return $.map(strings, function(v, i){ return v + values[i]; }).join(' ');
}

箭头函数是一个匿名函数，你不能像使用函数那样使用它。您必须将它分配给一个 var，就像这样；

let text = (strings, ...values)=> { ... }