JavaScript 的格式化字串的新方法

前言

  最近要在 JavaScript 格式化字串時想起新規格有個語法可以很方便的格式化字串，既然會忘記就把它做個紀錄。

內容

  範例程式碼如下

let a = 5;
let b = 10;
//old
console.log( 'a + b = ' + ( a + b) );
console.log( a + ' + ' + b + ' = ' + ( a + b) );
//"a + b = 15"
//"5 + 10 = 15"
//
//new
console.log( `a + b = ${ a + b}` );
console.log( `${a} + ${b} = ${ a + b}` );
//"a + b = 15"
//"5 + 10 = 15"
//

舊的語法利用"+"來串接字串，但當要串接的字比較長時會變得不直觀，而新的語法不需要做串接的動作，要記得的是"${}"是變數的意思，看起來相當簡潔直觀，不過要注意字串要用 ` 來括，而非 ' ，當然有要注意這是 ES6 的語法， JavaScript 的版本太低是無法使用的。

參考資料

[ developer.mozilla.org ] 樣板字面值