通过页面切换传参后window.location.href如何接收一个对象

可以使用 URLSearchParams API 来解析 URL 中的查询参数，然后将它们转换为一个对象。例如，如果你有以下 URL：

http://example.com?foo=1&bar=2&baz=3

你可以将它解析为一个对象：

const params = new URLSearchParams(window.location.search);
const obj = Object.fromEntries(params.entries());
console.log(obj); // { foo: "1", bar: "2", baz: "3" }

这里，`URLSearchParams` 构造函数接收 `window.location.search`，它包含了查询参数。调用 `entries()` 方法可以得到一个迭代器，它返回一个由 `[key, value]` 对组成的数组。最后，使用 `Object.fromEntries()` 将数组转换为对象。

如果你想要传递一个对象作为查询参数，可以使用 `JSON.stringify()` 将它转换为字符串，并在 URL 中进行传递。例如：

const obj = { foo: 1, bar: 2, baz: 3 };
const str = encodeURIComponent(JSON.stringify(obj));
window.location.href = `http://example.com?data=${str}`;

这里，`JSON.stringify()` 将对象转换为字符串，然后使用 `encodeURIComponent()` 对它进行编码，以便能够在 URL 中进行传递。最后，通过 `window.location.href` 将 URL 设置为包含查询参数的字符串。在接收端，可以使用上面的方法解析查询参数并将它转换回对象。