ES6 的字串模板

絕對值得用！

我知道它的名字真的有點難理解

Template literals 的翻譯是「模板字串」或「樣板字面值」，但簡單來說，它的意思是我們先透過「模板語法」把內容給寫好，接著在把樣板編譯成可以執行的程式碼。

也就是說你實際上是在用一個已經建立好規則的模板來寫東西，而不是 JS 本身支援這種寫法，所以才會叫做「模板」。

過去式

以往在做字串處裡時總會碰到一些麻煩問題。

多行字串時很麻煩：

const string = '\n' +
'yoo' + '\n' +
'hello' + '\n' + 
'Peanu'

與變數做字串拼接時很麻煩：

function greeting (name) {
  console.log('hello,' + name + ' ' + 'now is ' + new Date().toLocaleTimeString())
}

現在式

改用模板來寫多行字串：

const string = `
yoo
hello
Peanu
`

改用模板來做字串拼接：

function greeting (name) {
  console.log(`hello, ${name}. now is ${new Date().toLocaleTimeString()}`)
}
greeting('PeaNu')

用過就再也回不去了…٩(●ᴗ●)۶