URL 是一个内置的 JavaScript 对象，它提供了处理和构造 URL 的方法。它使得解析、构建以及操作 URL 变得更加容易。使用 URL 对象可以创建一个新的 URL 对象，或者解析一个已有的 URL 字符串，并且可以获取或设置 URL 的各个部分，如协议、主机名、端口、路径名等。

下面是如何使用 URL 构造函数来创建一个 URL 对象的基本示例：

// 创建一个 URL 对象
const url = new URL('https://example.com/path?query=string#hash');

// 获取 URL 的各个部分
console.log(url.href);       // 输出整个 URL: https://example.com/path?query=string#hash
console.log(url.protocol);   // 输出协议: https:
console.log(url.host);       // 输出主机名和端口: example.com
console.log(url.hostname);   // 输出主机名: example.com
console.log(url.port);       // 输出端口: '' (因为使用的是默认端口)
console.log(url.pathname);   // 输出路径名: /path
console.log(url.search);     // 输出查询字符串: ?query=string
console.log(url.hash);       // 输出哈希: #hash

// 修改 URL 的某个部分
url.search = '?newQuery=true';
console.log(url.href);       // 输出: https://example.com/path?newQuery=true#hash

请注意，在某些旧的浏览器中可能不支持 URL 对象，或者在不支持 ES6 的环境中也可能不支持。在这种情况下，您可能需要使用 window.location 对象或者第三方库（如 url 模块在 Node.js 中）来处理 URL。

使用 URL 对象时，如果提供的参数不是一个有效的 URL，则会抛出一个错误。确保在处理用户输入或者动态生成的 URL 时进行适当的验证。



真诚赞赏，手留余香

微信支付