从 URL 烧瓶中获取参数 - TypeScript

在 TypeScript 中，我们可以使用内置的 URLSearchParams 和 URL 类来轻松地从 URL 烧瓶中获取参数。

URLSearchParams

URLSearchParams 可以帮助我们获取烧瓶中的查询参数。我们可以使用 get() 方法来获取指定参数的值，使用 getAll() 方法来获取所有指定参数的值，使用 has() 方法来检查是否存在指定参数，使用 append() 方法来添加参数，使用 set() 方法来更新参数的值，使用 keys() 方法来获取参数的列表。

以下是一个简单的示例：

const searchParams = new URLSearchParams(window.location.search);
const myParam = searchParams.get('myParam');

上面的代码演示了如何获取名称为“myParam”的查询参数的值。

URL

URL 类可以帮助我们解析 URL。我们可以使用 searchParams 属性来获取 URL 烧瓶的实例，然后使用和上面相同的方法来获取参数。此外，我们还可以使用 hash 属性来获取 URL 的哈希部分，使用 protocol、host、pathname、search 和 hash 属性来获取 URL 的其他部分。

以下是一个简单的示例：

const url = new URL('https://www.example.com/?myParam=value#myHash');
const myParam = url.searchParams.get('myParam');
const myHash = url.hash;

上面的代码演示了如何获取名称为“myParam”的查询参数的值和 URL 的哈希部分。

总结

在 TypeScript 中，从 URL 烧瓶中获取参数非常容易。我们可以使用 URLSearchParams 和 URL 类来轻松地获取查询参数和其他 URL 部分的值。