在前端开发中，我们常常需要获取页面路径或 URL 中的参数，用于实现一些逻辑操作。而 npm 包 micro-locator 可以帮助我们轻松快速地实现这个功能。
安装
在使用 micro-locator 之前，首先需要在项目中安装它。可以使用 npm，命令如下：
npm install micro-locator
使用方法
接下来，我们就可以在项目中使用 micro-locator 了。在 JavaScript 文件中引入它：
const locator = require('micro-locator')获取页面路径
想要获取当前页面的路径，可以调用 locator 的 getPagePath() 方法：
const path = locator.getPagePath()
这个方法返回当前页面的路径，例如当前页面的 URL 为 https://www.example.com/sample-page，则返回的值为 /sample-page。
获取 URL 参数
如果想要获取 URL 参数，可以调用 locator 的 getParams() 方法：
const params = locator.getParams()
这个方法返回一个 JavaScript 对象，包含 URL 中所有的参数。例如当前页面的 URL 为 https://www.example.com/sample-page?foo=bar&baz=qux，则返回的对象为：
{
foo: 'bar',
baz: 'qux'
}如果 URL 中有重复的参数，方法会返回数组形式的值：
const url = 'https://www.example.com/sample-page?foo=bar&foo=baz' const params = locator.getParams(url) console.log(params.foo) // ['bar', 'baz']
获取指定的 URL 参数
如果只需要获取 URL 中的某个参数，可以通过传递参数名来调用 getParam() 方法：
const paramValue = locator.getParam('paramName')如果 URL 中不存在该参数，getParams() 方法将返回 undefined。
示例代码
下面是一个完整的示例代码，获取当前页面 URL 中的 city 和 country 参数：
-- -------------------- ---- ------- ----- ------- - ------------------------ ----- ------ - ------------------- ----- ---- - ----------- ----- ------- - -------------- -- ----- -- -------- - ---------------- --- -------- -------- ------------- - ---- - ------------------- --- --- -------- ---- ------ ---------- -
总结
通过使用 micro-locator，获取页面路径和 URL 参数将变得简单和可靠。即使你是一个经验较少的开发者，也可以很容易地使用它来实现一些非常有用的功能。希望本篇教程对你有帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f481d8e776d0804110f