JS對字串編碼的幾種方式使用指南_javascript技巧

函數 描述
encodeURI() 把字串編碼為 URI
encodeURIComponent() 把字串編碼為 URI 元件
escape() 對字串進行編碼

上面是查詢來自w3school的資料。那麼三者之間有什麼差別呢，請容我測試測試。

複製程式碼 程式碼如下:

var str = "http://localhost:8080/Product/index?id=123&attr=456&area=中國";
console.log(encodeURI(str));
console.log(encodeURIComponent(str));
console.log(escape(str));

列印結果如下：

複製程式碼 程式碼如下:

http://localhost:8080/Product/index?id=123&attr=456&area=中國
http://localhost:8080/Product/index?id=123&attr=456&area=中國
http://localhost:8080/Product/index?id=123&attr=456&area=%u4E2D%u56FD

可以看出，

encodeURI不會對:/?&等uri中起分割作用的字元進行編碼；

encodeURIComponent則會。

觀察escape則發現，:?&都被轉碼了，而/沒有，w3school解釋是，escape函數會對ascii碼中字母、數字及符號（ * @ - _ . / ）之外的所有字符進行編碼。

另外，我們可以看出escape對漢字「中國」編碼後結果與前兩者不同。 W3SCHOOL也建議不使用此方法，用前兩者代替。

以上所述就是本文的全部內容了，希望對大家學習javascript能夠有所幫助。