前言

URL API支持Edge和其他现代浏览器，不支持任何IE。

手册：https://developer.mozilla.org/zh-CN/docs/Web/API/URL_API

从前我们只能通过正则表达式和其他一系列计算，才能获取一个URL的各个部分，而且还不一定兼容所有的可能情况，现在，我们有了原生的URL API，原生解析URL的各个部分。

这个API包含2个构造函数。

URL构造函数

用法看手册就好，但其实我们常用的是处理URL的search部分，所以记住下面用法就差不多了：

var params = (new URL('https://example.com/?name=Jonathan&age=18')).searchParams;
params.forEach((v,i) => {console.log(v,i)})
// Jonathan name
// 18 age
params.get('age') // 18

URLSearchParams构造函数

手册：https://wiki.developer.mozilla.org/zh-CN/docs/Web/API/URLSearchParams

可以看到，search都专门出了一个构造函数，可见这部分的确是最常需要处理的。

var a = new URLSearchParams('name=Jonathan&age=18')
a.forEach((v,i)=> {console.log(v,i)})
// Jonathan name
// 18 age
a.get('age') // 18

给构造函数传入的字符串，可以有开头的?也可以没有。

其他未列方法不代表不重要

相反，还有非常多实用的方法，可以大大提高编程效率，看手册学习即可。