TypeScript 字串的 HTML 編碼(escapeHtml)

TypeScript 是一種 JavaScript 的超集，它提供了更多的功能，可以讓開發者更容易開發出更優質的程式碼。其中一個功能就是提供了字串的 HTML 編碼功能，可以將字串中的 HTML 特殊字元編碼，以避免被瀏覽器解析為 HTML 標籤，以下將介紹 TypeScript 如何使用 escapeHtml 來編碼 HTML 特殊字元。

TypeScript 提供了一個內建的函式 escapeHtml，可以將字串中的 HTML 特殊字元編碼，以避免被瀏覽器解析為 HTML 標籤，例如：

let htmlString = '
Hello World!
';
let encodedString = escapeHtml(htmlString);
console.log(encodedString); // 
Hello World!

上面的程式碼會將 HTML 標籤

Hello World!

編碼為 <h1>Hello World!</h1>，以避免被瀏覽器解析為 HTML 標籤。

另外，TypeScript 也提供了一個內建的函式 unescapeHtml，可以將編碼後的字串還原，例如：

let encodedString = '<h1>Hello World!</h1>';
let htmlString = unescapeHtml(encodedString);
console.log(htmlString); // 
Hello World!

上面的程式碼會將編碼後的字串 <h1>Hello World!</h1> 還原為

Hello World!

。

總結來說，TypeScript 提供了兩個內建的函式 escapeHtml 和 unescapeHtml，可以將字串中的 HTML 特殊字元編碼，以避免被瀏覽器解析為 HTML 標籤，也可以將編碼後的字串還原，可以讓開發者更容易開發出更優質的程式碼。