在Web开发中，经常需要将HTML代码呈现在网页上。但有时会遇到HTML实体（比如"<"代表"<"），这些实体会被浏览器解析为相应的HTML字符，而不是原来的文本。
如果需要使用原始文本，就需要将这些HTML实体还原为其对应的字符。在JavaScript中，我们可以使用unescape()函数来完成这个任务。
unescape()函数的用法
unescape()函数接收一个字符串作为参数，返回该字符串的副本，其中所有的转义序列都被还原为其对应的字符。
以下是unescape()函数的语法：
unescape(string)
其中string是需要解码的字符串。unescape()函数支持很多种转义序列，包括%XX、%uXXXX和%u{XXXX}等。
例如，以下代码将unescape()函数应用于包含HTML实体的字符串：
const str = "<a href="https://www.example.com">example</a>"; const decodedStr = unescape(str); console.log(decodedStr); // "<a href="https://www.example.com">example</a>"
在这个例子中，<被解码为"<"，"被解码为"""，以此类推。
需要注意的是，unescape()函数并不是标准的JavaScript函数，它只是一个非常常见的浏览器特性。在ECMAScript标准中，它已经被废弃。因此，为了更好的兼容性和可移植性，我们应该尽可能地避免使用unescape()函数。
使用正则表达式解码HTML实体
如果不想使用unescape()函数，我们还可以使用正则表达式来解码HTML实体。以下是一个示例代码：
-- -------------------- ---- -------
----- ------------------ - ----- -- -
----- -------- - -
------- -----
-------- ------
------ -----
------ -----
-------- ----
--
------------------------ ------------- -- -
----- ----- - --- ------------------- -----
--- - ------------------ -------------
---
------ ----
--
----- --- - ------ ---------------------------------------------------------------
----- ---------- - ------------------------
------------------------ -- --- -------------------------------------------这段代码定义了一个名为decodeHTMLEntities()的函数，它接收一个包含HTML实体的字符串作为参数，并返回一个解码后的字符串。该函数通过正则表达式匹配所有的HTML实体，并将其替换为相应的字符。
需要注意的是，该函数只支持一些常见的HTML实体，如果需要支持更多的实体，可以在entities数组中添加相应的实体名称和替换字符。
总结
在JavaScript中unescape()函数可以帮助我们解码HTML实体，但它已经被废弃，不建议使用。我们可以使用正则表达式来完成同样的任务，并且具有更好的兼容性和可移植性。
当需要将HTML代码呈现在网页上时，我们需要注意HTML实体的编码和解码，这对于保证网页的正确显示非常重要。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/11193
