文章詳情頁

一文帶你搞懂JavaScript中轉義字符的使用

瀏覽：287日期：2022-06-01 15:33:54

字符串中的轉義

使用反斜杠來表示轉義字符時，主要是在字符串中使用。這里就需要了解字符集和編碼等知識，具體可見前文前端開發中需要搞懂的字符編碼。

字符集就是字符的集合，最常見的 ASCII字符集、Unicode字符集等：

ASCII的任一個字符都可以被轉義，使用的就是反斜杠加上數字編碼，特殊的也能使用反斜杠加上字母。

Unicode，也能進行轉義，使用則是反斜杠加上碼點。由于Unicode包含了ASCII的所有字符，且編碼一致，所以都可算編碼轉義，而現在前端編程所涉及到的已經都是Unicode字符。

一般，反斜杠（\）在字符串中有特殊的含義，用來和后面的字符一起組合表示一些特殊字符，所以又被稱為轉義符。

反斜杠后面可以跟著的字符大致有以下幾種：

轉義字符中最基礎的就是：使用反斜杠\加上字母，表示那些無法輸入表示特殊含義的字符，常見的有以下幾種：

以前在字符串拼接時，就經常使用\n、\t：

  "\n      " +
  console.log("test") +
  "\n    "

需要注意的是，這些字母是特殊的可應用于轉義的字母。

如果是非特殊字母，加上反斜杠，則會忽略反斜杠，很多字符也是同樣忽略反斜杠：

"\a" // "a"
"\"" // """
"\?" // "?"

十六進制更常用，它的轉義規則：\x<hex>，\x后跟上2位十六進制數。

因為只有兩位，范圍是：0x00-0xFF，所以這種方式也只能輸出265種字符，其中：

"\xA9" // "?"
"\x75" === "u" // true
"\x67" // "g"

反斜杠后面跟3位八進制數()，就代表一個轉義字符：

"\251" // "?"
"\165" === "u" // true
"\106" // "F"

取值范圍：000-377，總共也是有256種字符，其中就包含了所有的ASCII碼。

八進制和十六進制能轉義的字符是一樣的，進行進制轉換即可，見前文搞懂JavaScript中的進制與進制轉換。

在JS中，用這兩種方式的轉義字符是相等的：

"\xA9" === "\251" // true
"\200" === "\x80" // true

提到Unicode，首先需明確的一點，JS中的字符串是基于Unicode的UTF-16編碼方式。

Unicode字符規定了碼點和字符平面。

碼點使用從U+0000到U+10FFFF的方位來表示所有的字符。

如果直接使用碼點來轉義所有的Unicode字符，則使用規則：\u{<hex>}，\u后跟上1-6位的十六進制：

"\u{A9}" // "?"
"\u{597d}" // "好"
"\u{1f604}" // "

JavaScript