在JavaScript中，格式化字符串是非常常見的任務。傳統的方法是使用字符串連接符'+'或ES5中提供的字符串插值方法。然而，使用這些方法進行字符串格式化有時候會使代碼變得復雜難讀，因此本文將介紹一種更簡潔優雅的方法：字符串模板格式化。

字符串模板格式化是通過使用一些特殊的語法，來將變量、表達式、函數等插入到靜態字符串中，從而得到最終的字符串。這種方法可以在編寫代碼時提高可讀性，并且減少出錯的可能性。

下面是一個簡單的例子，用字符串模板格式化來輸出一個變量：

const name = 'Tom';
const result = `Hello, ${name}!`;
console.log(result); // 'Hello, Tom!'

上面的代碼中，我們使用反引號（`）來創建一個模板字符串，并在其中使用${}來插入變量name。當我們執行console.log(result)時，會輸出字符串'Hello, Tom!'。

除了簡單的變量插入，我們還可以在模板字符串中使用表達式，如下所示：

const num1 = 10;
const num2 = 5;
const result = `The result is ${num1 + num2}.`;
console.log(result); // 'The result is 15.'

上面的代碼中，我們在模板字符串中使用了表達式num1 + num2，其結果會被自動轉換為字符串，并插入到模板字符串中。

當然，字符串模板格式化不僅僅支持簡單的變量和表達式插入，我們還可以使用函數來動態生成字符串部分，如下所示：

const user = {
name: 'Tom',
age: 18
};
function formatUser(user) {
return `This user's name is ${user.name}, and he is ${user.age} years old.`;
}
const result = formatUser(user);
console.log(result); // 'This user's name is Tom, and he is 18 years old.'

上面的代碼中，我們定義了一個formatUser函數，并在其中通過模板字符串格式化生成了一個字符串。然后我們調用這個函數，傳入一個用戶對象，即可得到最終的字符串。

總之，字符串模板格式化是一個非常方便、簡潔、易讀的字符串格式化方法，它可以使我們的代碼更加清晰明了。在實際開發中，我們可以靈活運用字符串模板格式化，從而提高代碼的可讀性和效率。