javascript中`和'之间的差异(如果有的话)

Question

最近遇到了一些使用`和'的JS代码.我无法弄清楚每个撇号是否有不同的用法.有没有？

Answer 1

'或'表示字符串,`表示模板字符串.模板字符串具有普通字符串不具备的功能.最重要的是,你得到插值:

var value = 123;
console.log('test ${value}') //=> test ${value}
console.log(`test ${value}`) //=> test 123

和多行字符串:

console.log('test
test')
// Syntax error

console.log(`test
test`)
// test
// test

他们还有一些其他技巧,更多关于模板字符串:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/template_strings

请注意,目前所有javascript引擎都不支持它们.这就是为什么模板字符串经常与像Babel这样的转换器一起使用的原因.它将代码转换为可在任何JS解释器中使用的代码.