如果你是一名前端工程师，那么你会接触到很多和 URI 相关的问题。URI 在网络中是一个常见的概念，是用来定位不同资源的一种方式。在实际开发中，经常需要对 URI 进行编码和解码，以保证数据的正确传输。而 npm 包 @aws-sdk/util-uri-escape 就是一个专门用来进行 URI 编码和解码的工具包。
安装
在使用 @aws-sdk/util-uri-escape 前，需要先将它安装到项目中。在终端中进入项目根目录，然后执行以下命令：
npm install @aws-sdk/util-uri-escape
安装完成后，你就可以在代码中引入 @aws-sdk/util-uri-escape 了。
const { escapeUri, unescapeUri } = require('@aws-sdk/util-uri-escape');escapeUri
escapeUri 方法用于对字符串进行 URI 编码。例如，将一个字符串 "This is a test" 编码为 "This%20is%20a%20test"。
const str = 'https://www.example.com/search?q=javascript&cat=all'; const encoded = escapeUri(str); console.log(encoded); // "https%3A%2F%2Fwww.example.com%2Fsearch%3Fq%3Djavascript%26cat%3Dall"
unescapeUri
unescapeUri 方法用于将 URI 编码的字符串解码回普通的字符串。例如，将一个字符串 "This%20is%20a%20test" 解码为 "This is a test"。
const encoded = 'https%3A%2F%2Fwww.example.com%2Fsearch%3Fq%3Djavascript%26cat%3Dall'; const decoded = unescapeUri(encoded); console.log(decoded); // "https://www.example.com/search?q=javascript&cat=all"
深度学习
在深入了解 @aws-sdk/util-uri-escape 之前，我们需要先介绍一下 URI 编码和解码的背景知识。
URI（Uniform Resource Identifier，统一资源标识符）是用来标识互联网上的信息资源的一个字符串，包括 URL（Uniform Resource Locator）和 URN（Uniform Resource Name）。例如，https://www.example.com/search?q=javascript&cat=all 就是一个 URI，其中 https 是协议部分，www.example.com 是主机部分，/search 是路径部分，q=javascript&cat=all 是查询参数部分。
在 URI 中，有些字符是具有特殊含义的，例如 /、?、= 等等。如果这些字符直接出现在 URI 中，会导致 URI 的含义变得模糊或错误。因此，在实际使用中，需要将这些特殊字符进行编码，即将它们转换成 %xx 的形式，其中 xx 是两个十六进制数，表示该字符的 ASCII 码。例如，字符 / 的编码为 %2F，字符 = 的编码为 %3D。
而解码时，则是将 URI 编码的字符串转换成普通的字符串，即将所有的 %xx 替换成它们对应的 ASCII 码表示的字符。
指导意义
在实际开发中，我们经常会使用 URI 编码和解码。例如，对于 JavaScript 中的 AJAX 请求，如果查询参数中含有特殊字符，就需要对其进行编码，以免出现问题。而使用 @aws-sdk/util-uri-escape，可以更加方便快捷地实现这些功能。
此外，@aws-sdk/util-uri-escape 的源码也值得我们学习。它使用了 bit-shift 等技巧，使得 URI 编码和解码的速度更快。阅读它的源码，也可以让我们在代码设计方面有所收获。
总结
@aws-sdk/util-uri-escape 是一个非常实用的 npm 包，可以帮助我们进行 URI 编码和解码。在实际开发中，使用 @aws-sdk/util-uri-escape 可以更加方便快捷地完成这些操作，提高代码编写的效率。同时，该工具包的源码也值得我们深入学习。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f6ee6f7a9b7065299ccba12