ES6模板字符串条件语句怎么处理

Question

使用ES6 模板字符串时，对于多层嵌套的条件语句，应该怎么处理？哪位大神有好办法

Answer 1

用带标签的模板字符串啊，标签函数中你想怎么嵌都行

var a = 5;
var b = 10;

function tag(strings, ...values) {
  console.log(strings[0]); // "Hello "
  console.log(strings[1]); // " world "
  console.log(strings[2]); // ""
  console.log(values[0]);  // 15
  console.log(values[1]);  // 50

  return "Bazinga!";
}

tag`Hello ${ a + b } world ${ a * b}`;
// "Bazinga!"

示例来自 模板字符串 - MDN

Answer 2

模板字符串使用${}插值，${}内部只允许表达式，而逻辑语句不是表达式，不应该在这里面使用。
你可以讲逻辑语句封装成方法，在${}之内调用