[ES6 JavaScript] 模板字符

還在使用 + 號做字串的處理嗎？

ES6 中提供 模板字符 可以使我們更直覺的來進行 字串的處理 讓我們繼續往下看：

在 ES6 之前，我們處理字串的方式，如下所示：

var before = "hello"
var after = "world"
var string = "哇～ " + before + " " + after + " 牛牛的～"

上面的範例中， string 因為使用了很多的 "" 還有 + 號，會使得我們在觀看上，比較不易

ES6 模板字符

在 ES6 中，有著更好的實作方式，就是 模板字符 ， 直接上範例：

const before = "hello"
const after = "world"
const string = `哇～ ${before} ${after} 牛牛的～`

以上的執行結果，跟之前的範例是一樣的

不過可以在這之中看出明顯的差異在，使用 模板字符 看起來真的比較 直覺 也比較 精簡

另外 模板字符 還有支援 換行 這跟使用 + 號 的寫法比起來，差異就非常大了

const string = `哇～ ${before} 
${after} 牛牛的～`

使用上也非常的容易：

只要使用 反撇号(｀) 定義完 模板 的作用域

在使用 ${} 帶入 變數 就可以了