js 解析url有什么用

const urlString = 'https://example.com/path?query=param#hash';
const url = new URL(urlString);

console.log(url.protocol); // "https:"
console.log(url.hostname); // "example.com"
console.log(url.pathname); // "/path"
console.log(url.search);   // "?query=param"
console.log(url.hash);     // "#hash"

const params = new URLSearchParams(url.search);

console.log(params.get('query')); // "param"

// 设置新的查询参数
params.set('newParam', 'newValue');
console.log(url.search); // "?query=param&newParam=newValue"

const encoded = encodeURIComponent('https://example.com/some page?query=param');
console.log(encoded); // "https%3A%2F%2Fexample.com%2Fsome%20page%3Fquery%3Dparam"

const decoded = decodeURIComponent(encoded);
console.log(decoded); // "https://example.com/some page?query=param"

const url = new URL('https://example.com/search?q=some page');
console.log(url.search); // "?q=some%20page"