new URL() - WHATWG URL API

使用 WHATWG URL API 来解析和操作 URL 地址是一种方便且强大的方法。这个 API 提供了一组函数和属性，可以轻松地对 URL 进行解析、修改和构建。无论是在前端还是后端开发中，我们经常需要处理 URL 地址，比如从 URL 中提取参数、判断 URL 是否合法等等，而 WHATWG URL API 能够帮助我们快速、准确地完成这些任务。

javascript
const urlString = 'https://www.example.com/path?param1=value1¶m2=value2#fragment';
const url = new URL(urlString);
console.log(url.protocol); // 输出：https:
console.log(url.hostname); // 输出：www.example.com
console.log(url.pathname); // 输出：/path
console.log(url.search); // 输出：?param1=value1¶m2=value2
console.log(url.hash); // 输出：#fragment

javascript
const urlString = 'https://www.example.com/path?param1=value1¶m2=value2#fragment';
const url = new URL(urlString);
// 修改参数
url.searchParams.set('param1', 'newvalue1');
url.searchParams.append('param3', 'value3');
// 修改 hash
url.hash = 'newfragment';
console.log(url.href); // 输出：https://www.example.com/path?param1=newvalue1¶m2=value2¶m3=value3#newfragment

javascript
function isValidURL(urlString) {
  try {
    const url = new URL(urlString);
    return true;
  } catch (error) {
    return false;
  }
}
console.log(isValidURL('https://www.example.com')); // 输出：true
console.log(isValidURL('htps://www.example.com')); // 输出：false