javascript模板字符串使用三目运算符、if判断以及调用函数

模板字符串使用三目运算符

${k === 'all' ? 'class="active"' : ''}

模板字符串使用if判断

if判断需要写在自执行函数内

var html = `<div class="a2">
                <p>1</p>
                <p>2</p>
                <p>3</p>
                <p>
                    ${
                        (function(){
                            if(XXXXXXXXX){ //条件
                                return `XXXX`;
                            }else{
                                return '';
                            }
                        })()
                    }
                    // 或者
                    ${
                        (() => {
                            if(XXXXXXXXX){ //条件
                                return `XXXX`;
                            }else{
                                return '';
                            }
                        })()
                    }
                </p>
            </div>`

模板字符串之中调用函数

function fn() {
  return "Hello World";
}
`foo ${fn()} bar`
// foo Hello World bar