javascript - ES6 特性 : How are Template Strings useful?

Question

又名模板文字，字符串插值。 ( Wiki here. )

它们为什么有用？

我什么时候不应该使用它们？

这些特性与将 JSX 与 React 结合使用有何异同？

如何使用 String.raw()正如维基底部提到的那样有效？

Answer 1

它们使代码更具可读性。例如:

// ES6
let fruit = 'apples'
console.log(`I like ${fruit}.`)

ES5 等价物:

// ES5
var fruit = 'apples'
console.log('I like ' + fruit + '.')

多行特性也方便写大块的单词:

// ES6
console.log(`string text line 1
string text line 2`)

ES5 等价物:

// ES5
console.log("string text line 1\nstring text line 2")

如果存在变量，则应始终使用模板字符串。