模板字符串中使用正则表达式报错

Question

const regExp = /=([a-zA-Z0-9\$]+?)\(decodeURIComponent/
const fnnameresult = regExp.exec(data)
const fnname = fnnameresult[1]

这段代码可以正常执行，当放入模板字符串中时，

const script = script = document.createElement('script')

    script.innerHTML = `
                   const regExp = /=([a-zA-Z0-9\$]+?)\(decodeURIComponent/
                    const fnnameresult = regExp.exec(data)
                   const fnname = fnnameresult[1]
            `
document.body.appendChild(script)

会报错
Uncaught SyntaxError: Invalid regular expression: /=([a-zA-Z0-9$]+?)(decodeURIComponent/: Unterminated group

Answer 1

模板字符串中不能写复杂js逻辑，比普通字符串厉害的是它能在字符串中写变量。模板字符串跟普通字符串一样，只不过是说在里面可以使用${变量}。使用起来一般是

var a = "123"
console.log(`这是${a}`)    // 输出这是123
 
var a = 123
var b = 456
console.log(`这是${a>b ? a:b}`)  // 输出这是456

三元表达式，一元运算这些也是可以在${}里面写，因为这些最终返回的也是变量，但不能在里面定义变量，写复杂逻辑js