npm 包 encode-uri 使用教程

在前端开发中，我们经常需要处理 URL。不同与后端使用的 encodeURIComponent 函数，前端常用的是 encodeURI 函数。这个函数可以将 URL 字符串进行编码，以便浏览器和服务器可以正确解析这个 URL。不过，对于一些特殊字符，encodeURI 并不会进行编码，例如分号、逗号等。而这时候，我们可以使用 encode-uri 这个 npm 包来进行 URL 编码。

安装 encode-uri

在开始正式使用 encode-uri 这个 npm 包之前，我们需要先安装它。打开终端，前往项目文件夹，然后输入以下命令即可安装这个包：

npm install encode-uri

安装成功后，我们就可以开始用它了。

使用 encode-uri

encode-uri 的用法非常简单。在使用之前，我们需要引入这个包：

const encodeURI = require('encode-uri');

然后，就可以使用它了。下面是一个示例：

let url = 'http://www.example.com/index.html?name=张三&age=20';
let encodedUrl = encodeURI(url);
console.log(encodedUrl);

打印输出的结果是：

http://www.example.com/index.html?name=%E5%BC%A0%E4%B8%89&age=20

我们可以看到，原来的 URL 中的中文字符已经被编码了。这样，我们就可以安全地将 URL 传递给浏览器或服务器了。

除此之外，encode-uri 还可以接受第二个参数，用于指定还原被编码字符的二进制位。默认值为 8，也就是还原 UTF-8 中的字符。如果我们需要使用其他的编码方式，就可以设置这个参数。下面是一个示例：

let url = 'http://www.example.com/index.html?name=张三&age=20';
let encodedUrl = encodeURI(url, 16);
console.log(encodedUrl);

这里将第二个参数设置为 16，表示使用 UTF-16 编码。输出的结果是：

http:%2F%2Fwww.example.com%2Findex.html%3Fname%3D%u5F20%u4E09%26age%3D20

总结

encode-uri 这个 npm 包可以帮助我们将 URL 进行编码，以便浏览器和服务器可以正确解析它。使用它非常简单，我们只需要安装它，然后通过 require 引入即可。除此之外，我们还可以指定还原被编码字符的二进制位，以使用不同的编码方式。在实际开发中，使用 encode-uri 可以让我们更加方便地处理 URL，提高效率。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1fa563576b7b1ecdb7