轉義字元在前端開發中的詳細介紹

来源:https://www.cnblogs.com/jimojianghu/archive/2023/01/28/17054789.html
-Advertisement-
Play Games

說起轉義字元,大家最先想到的肯定是使用反斜杠,這也是我們最常見的,很多編程語言都支持。 轉義字元從字面上講,就是能夠轉變字元原本的意義,得到新的字元。常用在特殊字元的顯示以及特定的編碼環境中。 除了反斜杠以外,在前端開發中,還有其他幾種轉義字元,也是較常見的,本文將對這些做一個總結。 字元串中的轉義 ...


說起轉義字元,大家最先想到的肯定是使用反斜杠,這也是我們最常見的,很多編程語言都支持。
轉義字元從字面上講,就是能夠轉變字元原本的意義,得到新的字元。常用在特殊字元的顯示以及特定的編碼環境中。
除了反斜杠以外,在前端開發中,還有其他幾種轉義字元,也是較常見的,本文將對這些做一個總結。

字元串中的轉義

使用反斜杠來表示轉義字元時,主要是在字元串中使用。這裡就需要瞭解字元集和編碼等知識,具體可見前文。

字元集就是字元的集合,最常見的 ASCII字元集、Unicode字元集等:
ASCII的任一個字元都可以被轉義,使用的就是反斜杠加上數字編碼,特殊的也能使用反斜杠加上字母。
Unicode,也能進行轉義,使用則是反斜杠加上碼點。由於Unicode包含了ASCII的所有字元,且編碼一致,所以都可算編碼轉義,而現在前端編程所涉及到的已經都是Unicode字元。
字元集和字元編碼等具體知識,可見博文前端開發中需要搞懂的字元編碼知識

一般,反斜杠(\)在字元串中有特殊的含義,用來和後面的字元一起組合表示一些特殊字元,所以又被稱為轉義符。

反斜杠後面可以跟著的字元大致有以下幾種:

  • 字母
  • 三位八進位
  • x 加上 兩位十六進位
  • Unicode碼點

字母

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

  • \b 後退鍵
  • \f 換頁符
  • \n 換行符
  • \r 回車鍵
  • \t 製表符
  • \v 垂直製表符

以前在字元串拼接時,就經常使用\n、\t:

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

需要註意的是,這些字母是特殊的可應用於轉義的字母。
如果是非特殊字母,加上反斜杠,則會忽略反斜杠,很多字元也是同樣忽略反斜杠:

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

十六進位數字

十六進位更常用,它的轉義規則:\x<hex>\x後跟上2位十六進位數。
因為只有兩位,範圍是:0x00-0xFF,所以這種方式也只能輸出265種字元,其中:

  • 0x00-0x7F 和ASCII碼一致
  • 0x80-0x9F 表示控制字元
  • 0xA0-0xFF 表示文字字元
'\xA9' // '©'
'\x75' === 'u' // true
'\x67' // 'g'

八進位數字

反斜杠後面跟3位八進位數(),就代表一個轉義字元:

'\251' // '©'
'\165' === 'u' // true
'\106' // 'F'

取值範圍:000-377,總共也是有256種字元,其中就包含了所有的ASCII碼。

八進位和十六進位能轉義的字元是一樣的,進行進位轉換即可,見前文。
在JS中,用這兩種方式的轉義字元是相等的:

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

Unicode碼點

提到Unicode,首先需明確的一點,JS中的字元串是基於Unicode的UTF-16編碼方式。
Unicode字元規定了碼點和字元平面。

碼點使用從U+0000到U+10FFFF的方位來表示所有的字元。
如果直接使用碼點來轉義所有的Unicode字元,則使用規則:\u{<hex>}\u後跟上1-6位的十六進位:

'\u{A9}' // '©'
'\u{597d}' // '好'
'\u{1f604}' // '

您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 前言 本篇我將介紹 Keil C51 和 MDK-ARM 兩大集成開發環境的安裝包下載方法,幫助大家安全快速的從官網下載安裝包。 博主編寫了軟體安裝教程,可以在安裝包下載完成後,跳轉觀看圖文教程進行軟體的安裝與註冊。 待更新 Keil 官網 Keil 官網 >> 點擊跳轉 Keil C51 官網下載 ...
  • 痞子衡單片機排行榜(2022Q4) 繼2020年開辦的《痞子衡嵌入式半月刊》之後,從2023年1月份開始痞子衡將為大家帶來新項目《痞子衡單片機排行榜》(一年分四季,每個季度發佈一期),以MCU主頻和Coremark跑分為基礎(後期會加入更多指標),搜羅國內外8051/ARM/RISC-V等不同賽道的 ...
  • 固件更新 需將小米AX9000路由支持安裝Docker,但正式版並沒有該功能需更新為開發板Rom,直接在小米路由官網下載固件更新即可,當前正式版最新固件為1.0.165,開發板固件為:1.0.140; 固件更新為140開發版本後即可在小米路由管理頁面的高級設置項中看到DOCKER的選項; 安裝Doc ...
  • 一:背景 1. 講故事 大家都知道資料庫應用程式 它天生需要圍繞著數據文件打轉,諸如包含數據的 .mdf,事務日誌的 .ldf,很多時候深入瞭解這兩類文件的合成原理,差不多對資料庫就能理解一半了,關於 .mdf 的合成前面的文章已經有所介紹,這篇我們來聊一下 .ldf 的一些內部知識,比如 LSN。 ...
  • 本文基於此: Flutter中文網 一、安裝和運行Flutter的系統環境要求 想要安裝並運行 Flutter,你的開發環境需要最低滿足以下要求: 操作系統:macOS 磁碟空間:2.8 GB(不包括IDE/tools的磁碟空間)。 工具:Flutter使用git進行安裝和升級。我們建議安裝Xcod ...
  • 主題說明 打開博客園的隨筆詳細頁、標簽頁等,都是整頁重新載入,比較影響體驗。SPA 應用可以減少整頁載入,實現局部刷新,本皮膚通過 Vue3 + TS + Vite 開發的。有些細節待日後逐步完善,隨筆的閱讀和使用基本上沒有問題,文章、日記、部分側邊欄內容還沒有實現。 倉庫地址:GitHub,請點個 ...
  • 值和類型 八種數據類型 undefined、null、boolean、number、string、symbol、bigint、object 原始值和引用值 原始值:按值訪問。值存儲在棧中。變數賦值傳遞時會創建該值的副本,兩個變數(複製與被覆制)完全獨立。 常見原始值類型:undefined、null ...
  • 參考:https://www.cnblogs.com/lxlx1798/articles/16969244.html 要麼使用流讀取器,要麼使用 Reponse 的方法來獲取結果,不能同時使用兩種方法來讀取相同的響應。 直接獲取: Response.blob() 方法返回一個 resolve 返回值 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...