js中字符串编码函数escape()、encodeURI()、encodeURIComponent()区别详解

当我们在编写JavaScript时，常常需要处理字符串。在这个过程中，我们可能需要对字符串进行编码以保证其正确解析。以下是escape()、encodeURI()和encodeURIComponent()编码函数的详解和区别：

escape()

escape()函数将字符串转换为UTF-8编码格式，并将一些特殊字符，例如@、空格、+、/、:、等符号转换为十六进制的字符串。这样做是为了避免URL出现一些不符合规范的字符。

对于非 ASCII 字符，escape() 函数将其编码为 “%u*” 格式，其中*是字符的 Unicode 编码值的十六进制表示。例如，汉字 "你好" 在 escape() 函数中编码为 "%u4F60%u597D"。这种编码方式在URL中的作用非常有限，实际上很少使用。

以下是一个使用escape()函数的示例：

let str1 = 'Hello World@+ / ';
let encodedStr1 = escape(str1);
console.log(encodedStr1); //"Hello%20World%40%2B%20%2F%20"

encodeURI()

encodeURI() 函数用于对URL中的字符进行编码，用于URL中的值、参数、等内容。在它的作用范围内，只有空格、@、#、$、&、+、,、/、;、=、?、以及Unicode编码的字符。所有其他的字符都将被保持不变。

以下是一个使用encodeURI()函数的示例：

let url1 = "https://www.example.com/?id=100&name=Tom's Blog";
let encodedUrl1 = encodeURI(url1);
console.log(encodedUrl1);  //"https://www.example.com/?id=100&name=Tom's%20Blog"

encodeURIComponent()

encodeURIComponent() 函数和encodeURI()很像，但是更加强制地使用编码方式，对于满足URI规则的字符，我们并不想对它们进行编码，因为我们需要这些字符来构造URL，但是对于标点符号和其他字符，仍然需要被进行编码，否则可能会对URL解析造成影响。

以下是一个使用encodeURIComponent()函数的示例：

let url2 = 'https://search.com/result?q=javascript&t=hello world';
let encodedUrl2 = encodeURIComponent(url2);
console.log(encodedUrl2);  //"https%3A%2F%2Fsearch.com%2Fresult%3Fq%3Djavascript%26t%3Dhello%20world"

综上所述，这三个编码函数有其各自的使用场景，具体使用时需要根据情况进行选择。需要注意，对于URL中的路径、参数、以及其他协议都有各自的字符集规范，所以在使用这些函数时一定要特别注意。