一張圖看懂encodeURI、encodeURIComponent、decodeURI、decodeURIComponent的區別

一、這四個方法的用處

1、用來編碼和解碼URI的

統一資源標識符,或叫做 URI,是用來標識互聯網上的資源(例如,網頁或文件)和怎樣訪問這些資源的傳輸協議(例如,HTTP 或 FTP)的字符串。除了encodeURI、encodeURIComponent、decodeURI、decodeURIComponent四個用來編碼和解碼 URI 的函數之外 ECMAScript 語言自身不提供任何使用 URL 的支持。

2、URI組成形式 一個 URI 是由組件分隔符分割的組件序列組成。其一般形式是: Scheme : First / Second ; Third ? Fourth

其中斜體的名字代表組件;“:”, “/”, “;”,“?”是當作分隔符的保留字符。

3、有和不同?

encodeURI 和 decodeURI 函數操作的是完整的 URI;這倆函數假定 URI 中的任何保留字符都有特殊意義,所有不會編碼它們。

encodeURIComponent 和 decodeURIComponent 函數操作的是組成 URI 的個別組件;這倆函數假定任何保留字符都代表普通文本,所以必須編碼它們,所以它們(保留字符)出現在一個完整 URI 的組件裏面時不會被解釋成保留字符了。

以上說明摘自ECMAScript標準,爲了容易讀懂做了點編輯加工。

4、圖解四個函數的不同:

ECMA對這四個函數還做了詳細解釋,可能是爲了寫的更邏輯化一些,採用了類似變量配合邏輯的寫法來說明,但是讓初學者看得雲裏霧裏的特別繞,所以有必要把它寫得更像是人讀的東西……

輸入圖片說明

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章