在前端开发中，我们经常需要处理与 URL 相关的任务。比如，从 URL 中提取查询参数、判断两个 URL 是否相同等等。今天，我要介绍一个 npm 包：url-relation，它能够帮助我们更方便地处理 URL 相关的任务。
什么是 url-relation
url-relation 是一个轻量级的 npm 包，它提供了一些实用的工具函数，用于处理 URL 相关的任务。
url-relation 支持 AMD、CommonJS 和 ES6 模块格式，你可以根据你的项目需要，选择合适的引入方式。
url-relation 的常用工具函数
compareUrls(url1, url2)
比较两个 URL 是否相同。
参数
url1(string)：第一个 URL。url2(string)：第二个 URL。
返回值
- (boolean)：如果两个 URL 相同则返回
true，否则返回false。
示例
-- -------------------- ---- ------- ------ - ----------- - ---- --------------- ----- ---- - ------------------------- ----- ---- - ------------------------ ----------------------------- ------- -- ---- ----- ---- - ------------------------------------- ----- ---- - ------------------------------------- ----------------------------- ------- -- ----
getAbsoluteUrl(relativeUrl, baseUrl)
将相对路径转换为绝对路径。
参数
relativeUrl(string)：相对路径。baseUrl(string)：基准 URL。如果relativeUrl是绝对路径，则此参数无效。
返回值
- (string)：转换后的绝对路径。
示例
import { getAbsoluteUrl } from 'url-relation';
const relativeUrl = './about.html';
const baseUrl = 'http://www.example.com/';
console.log(getAbsoluteUrl(relativeUrl, baseUrl)); // http://www.example.com/about.htmlgetQueryParams(url)
获取 URL 中的查询参数。
参数
url(string)：完整的 URL 或不包含路径和查询参数的 URL。
返回值
- (object)：包含查询参数的对象。
示例
import { getQueryParams } from 'url-relation';
const url1 = 'https://www.baidu.com/search?q=url&hl=en';
console.log(getQueryParams(url1)); // { q: 'url', hl: 'en' }
const url2 = 'https://www.baidu.com';
console.log(getQueryParams(url2)); // {}removeQueryParams(url)
从 URL 中删除查询参数，返回新的 URL。
参数
url(string)：完整的 URL 或不包含路径和查询参数的 URL。
返回值
- (string)：删除查询参数后的 URL。
示例
import { removeQueryParams } from 'url-relation';
const url1 = 'https://www.baidu.com/search?q=url&hl=en';
console.log(removeQueryParams(url1)); // https://www.baidu.com/search
const url2 = 'https://www.baidu.com';
console.log(removeQueryParams(url2)); // https://www.baidu.com总结
url-relation 是一个非常实用的 npm 包，它提供了一些常用的工具函数，可以帮助我们更方便地处理 URL 相关的任务。在实际开发中，我们可以根据需要，选择合适的工具函数。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055cb581e8991b448da2d8