如何在 javascript new URL() 中读取有效 url - Javascript

在 JavaScript 中，可以使用 new URL() 构造函数来创建 URL 对象。但是如何读取有效的 URL 呢？以下是一些方法：

1. 使用 try...catch 语句

try {
  const url = new URL('https://www.example.com');
  console.log(url);
} catch (e) {
  console.error(e);
}

使用 try...catch 语句检测 URL 是否有效，如果 URL 无效，则会抛出异常，可以在 catch 语句中捕获异常。

2. 使用 URLSearchParams 对象

const urlParams = new URLSearchParams('?foo=bar&baz=qux');
console.log(urlParams.get('foo')); // "bar"
console.log(urlParams.get('baz')); // "qux"

使用 URLSearchParams 对象来解析 URL 中的查询参数，可以通过 get 方法获取参数的值。

3. 使用正则表达式

const url = 'https://www.example.com';
const pattern = /^(http|https):\/\/[a-z0-9\-\.]+\.[a-z]{2,}/i;

if (pattern.test(url)) {
  console.log('Valid URL');
} else {
  console.log('Invalid URL');
}

使用正则表达式来验证 URL 是否有效。

以上是一些常见的方法，可以根据需求选择适合自己的方式。希望对你有所帮助。