escape、encodeURI、encodeUIComponent的区别

130 阅读1分钟

encodeURI

  • encodeURI是对整个URI进行转义,将URI中的非法字符转换为合法字符,所以对一些在URI中有特殊意义的字符不会进行转义

encodeUIComponent

  • encodeUIComponent是对URI中的组成部分进行转义,所以一些特殊字符也会得到转义

escape

  • escape和encodeURI的作用相同,不过在对于unicode编码为0xff之外的字符时会有区别,escape是直接在字符的Unicode编码之前加上%u,而encodeURI会先将字符转换为UTF-8的格式,再在每个字节前加上%
  • 目前该方法已废弃
    var set1 = ";,/?:@&=+$";  // 保留字符
    var set2 = "-_.!~*'()";   // 不转义字符
    var set3 = "#";           // 数字标志
    var set4 = "ABC abc 123"; // 字母数字字符和空格

    console.log(encodeURI(set1)); // ;,/?:@&=+$
    console.log(encodeURI(set2)); // -_.!~*'()
    console.log(encodeURI(set3)); // #
    console.log(encodeURI(set4)); // ABC%20abc%20123 (the space gets encoded as %20)

    console.log(encodeURIComponent(set1)); // %3B%2C%2F%3F%3A%40%26%3D%2B%24
    console.log(encodeURIComponent(set2)); // -_.!~*'()
    console.log(encodeURIComponent(set3)); // %23
    console.log(encodeURIComponent(set4)); // ABC%20abc%20123 (the space gets encoded as %20)

-----------------------------------------------------------------------------------------------2024.5.5每日一题