urijs-noencode 是一个支持 URI 解析操作的 JavaScript 库，通过 URIjs 可以方便地进行 URL 字符串的解析。相比于常见的 URI 解析库，urijs-noencode 不会对 URL 进行编码，是一个非常实用的工具。在前端开发中，经常需要对 URL 参数进行解析和转换，urijs-noencode 为此提供了便捷的方法。本文将介绍如何在项目中使用 urijs-noencode。
安装
在使用 urijs-noencode 之前，需要安装 npm 包。可以通过以下命令在项目中安装 urijs-noencode：
npm install urijs-noencode
安装完成后，在需要使用 urijs-noencode 的文件中引入：
import URI from 'urijs-noencode';
基本用法
urijs-noencode 支持多个 URI 相关操作，例如获取路径、查询参数、修改参数等。下面将介绍一些常用的用法。
解析 URL
可以使用 new URI(url) 构造函数来解析 URL。例如：
const url = 'http://www.example.com/?name=John&age=30';
const uri = new URI(url);
console.log(uri); // URI {scheme: "http", userinfo: "", host: "www.example.com", port: "", path: "/",…}
通过构造函数，可以得到一个 URI 对象，从中可以获取到 URL 的各个部分。
获取路径名
可以通过 pathname() 实例方法获取 URL 的路径名。
const url = 'http://www.example.com/path/to/myfile.html?a=1&b=2'; const uri = new URI(url); console.log(uri.pathname()); // '/path/to/myfile.html'
获取查询参数
可以通过 query() 实例方法获取 URL 的查询参数。
const url = 'http://www.example.com/?name=John&age=30';
const uri = new URI(url);
console.log(uri.query()); // { name: 'John', age: '30' }修改查询参数
可以通过 addQuery() 和 removeQuery() 实例方法来修改查询参数。
const url = 'http://www.example.com/?name=John&age=30';
const uri = new URI(url);
// 增加一个新参数
uri.addQuery('id', 123);
console.log(uri.toString()); // 'http://www.example.com/?name=John&age=30&id=123'
// 删除一个参数
uri.removeQuery('age');
console.log(uri.toString()); // 'http://www.example.com/?name=John&id=123'构建 URL
可以通过链式调用 addQuery() 方法来构建 URL。
const uri = new URI();
uri.scheme('https').host('www.example.com').path('/path/to/myfile').addQuery({ name: 'John', age: 30 });
console.log(uri.toString()); // 'https://www.example.com/path/to/myfile?name=John&age=30'总结
urijs-noencode 是一个非常实用的 JavaScript 库，它可以方便地进行URL字符串的解析和构建。通过本文的介绍，读者可以学习到 urijs-noencode 的基本用法，包括解析 URL、获取路径名、查询参数、修改参数等。使用 urijs-noencode 可以大幅度提高开发效率，建议读者在项目开发中使用。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600553f081e8991b448d1454