sunseekers

关于路由解析

2022/01/10 JavaScript 共 403 字，约 2 分钟

背景

在大多数项目中都会有解析路由这个操作，查看路由中的参数，然后根据参数做一系列的操作。或许很多人会用qs这个插件吧，其实大可不必，原生的js就可以满足我们的大部分需求了。

new URL() 搭配 new URLSearchParams() 你知道了吧

实现很简单的，下面一行就解决了

const url = new URL('https://example.com?foo=1&bar=2'); // 得到一个url
const params = new URLSearchParams(url.search); // 得到一个url对象
params.get('foo')// 1
// 在简单一点
 const query = new URLSearchParams(location.search);
 const id = query.get("id");

关于 new URL() 和 new URLSearchParams() 还有很多属性和方法，建议阅读文档慢慢查看

在技术的历史长河中，虽然我们素未谋面，却已相识已久，很微妙也很知足。互联网让世界变得更小，你我之间更近。

在逝去的青葱岁月中，虽然我们未曾相遇，却共同经历着一样的情愫。谁的青春不曾迷茫或焦虑亦是无奈，谁不曾年少过

在未来的日子里，让我们共享好的文章，共同学习进步。有不错的文章记得分享给我，我不会写好的文章，所以我只能做一个搬运工

我叫 sunseekers(张敏) ，千千万万个张敏与你同在，18年电子商务专业毕业，毕业后在前端搬砖

如果喜欢我的话，恰巧我也喜欢你的话，让我们手拉手，肩并肩共同前行，相互学习，互相鼓励

文档信息

Search

    Table of Contents