encodeuri 用于对完整 uri 编码，保留 uri 特殊字符，适合编码整个 url；而 encodeuricomponent 编码所有非字母数字字符，适合编码参数值。两者不可混用，避免过度编码。处理中文时需确保页面和服务器端均为 utf-8 编码。实际开发中可用于构建动态 url、传递复杂参数、对接第三方 api。替代方案包括 urlsearchparams api 和第三方库如 qs、query-string。
encodeURI() 函数用于对 URI (Uniform Resource Identifier) 进行编码，它用 UTF-8 编码替换所有无效的字符，使其可以安全地在浏览器地址栏或作为请求参数传递。简单来说，它能把一些特殊字符转换成浏览器能识别的格式，避免乱码或错误。
js编码encodeURI技巧解析
为什么需要使用 encodeURI？
我们经常需要在 URL 中传递参数，但有些字符在 URL 中有特殊含义，比如空格、#、?、& 等。如果不进行编码，这些字符可能会导致 URL 解析错误，影响程序的正常运行。encodeURI 函数的作用就是将这些特殊字符转换为 % 加上两位十六进制数的形式，从而保证 URL 的正确性。举个例子，如果你的 URL 中包含空格，encodeURI 会将空格转换为 %20。
encodeURI 和 encodeURIComponent 的区别是什么？
这是个常见的问题，也是容易混淆的地方。虽然它们都用于编码 URI，但编码的范围不同。
-
encodeURI：用于编码整个 URI，它不会编码那些在 URI 中具有特殊含义的字符，比如/、:、?、#。 -
encodeURIComponent：用于编码 URI 的组成部分，它会编码所有非字母数字字符，除了!、'、(、)、*、-、.、_、~。
简单来说，如果你要编码整个 URL，使用 encodeURI；如果你要编码 URL 中的参数值，使用 encodeURIComponent。例如，假设你要传递一个包含斜杠 / 的参数，如果使用 encodeURI，斜杠不会被编码，可能导致 URL 结构错误；而使用 encodeURIComponent，斜杠会被编码成 %2F，保证参数的完整性。
如何正确使用 encodeURI 处理中文？
encodeURI 函数本身就支持 UTF-8 编码，所以可以直接处理中文。但是，需要注意的是，如果你的网页编码不是 UTF-8，可能会出现乱码问题。确保你的 HTML 文件中设置了正确的字符编码，例如：
<meta charset="UTF-8">
另外，如果你的服务器端程序使用的编码方式与客户端不一致，也可能导致乱码。因此，需要保证客户端和服务器端都使用相同的编码方式（通常是 UTF-8）。
例如，以下代码可以正确地编码包含中文的 URL：
let url = "https://example.com/search?q=中文"; let encodedUrl = encodeURI(url); console.log(encodedUrl); // 输出：https://example.com/search?q=%E4%B8%AD%E6%96%87
encodeURI 在实际开发中的应用场景
encodeURI 在实际开发中有很多应用场景，以下是一些常见的例子：
-
构建动态 URL： 当你需要根据用户的输入或其他数据动态构建 URL 时，可以使用
encodeURI确保 URL 的正确性。例如，在搜索功能中，你需要将用户输入的关键词添加到 URL 中，可以使用encodeURI编码关键词，避免特殊字符导致搜索失败。 -
传递复杂参数： 当你需要传递包含特殊字符的参数时，可以使用
encodeURI编码参数值。例如，在 AJAX 请求中，你需要将包含空格或中文的参数传递给服务器，可以使用encodeURI编码参数值，保证服务器能够正确解析参数。 -
处理第三方 API： 当你使用第三方 API 时，可能需要对 URL 或参数进行编码，以满足 API 的要求。有些 API 可能要求使用特定的编码方式，或者对某些字符有特殊限制。可以使用
encodeURI或encodeURIComponent编码 URL 或参数，确保 API 调用成功。
如何避免过度编码？
虽然 encodeURI 可以解决 URL 编码问题，但也需要避免过度编码。过度编码会导致 URL 变得冗长，影响可读性，甚至可能导致一些服务器无法正确解析 URL。
一般来说，只需要编码那些在 URL 中具有特殊含义的字符即可。例如，空格、#、?、& 等。对于字母数字字符，以及一些在 URL 中没有特殊含义的字符，比如 -、.、_、~，可以不进行编码。
此外，需要注意 encodeURI 和 encodeURIComponent 的使用场景。如果你要编码整个 URL，使用 encodeURI；如果你要编码 URL 中的参数值，使用 encodeURIComponent。不要混用这两个函数，否则可能会导致过度编码或编码不足。
encodeURI 的替代方案
虽然 encodeURI 是 JavaScript 中常用的 URL 编码函数，但也有一些替代方案可供选择。
-
URLSearchParams API： 这是 HTML5 提供的 API，可以方便地构建和解析 URL 查询字符串。使用
URLSearchParams可以自动处理 URL 编码，无需手动调用encodeURI或encodeURIComponent。let params = new URLSearchParams(); params.append("q", "中文"); params.append("category", "书籍"); let url = "https://example.com/search?" + params.toString(); console.log(url); // 输出：https://example.com/search?q=%E4%B8%AD%E6%96%87&category=%E4%B9%A6%E7%B1%8D 第三方库： 有一些第三方库提供了更强大的 URL 编码功能，例如
qs、query-string等。这些库可以处理更复杂的 URL 结构，并提供更多的编码选项。
选择哪种方案取决于你的具体需求。如果只需要简单的 URL 编码，可以使用 encodeURI 或 encodeURIComponent。如果需要处理复杂的 URL 结构，或者需要更多的编码选项，可以考虑使用 URLSearchParams API 或第三方库。
