常用ASCII URL编码对照表，JavaScript中如何把url的%20、%22、%28、%29、%7B、%7D解析还原成真实的字符

【问题描述】：

笔者遇到过这样一个需求，在http的拦截器中拦截url并添加一些额外的参数，代码如下：

// http request 拦截器
// instance: axios实例
this.instance.interceptors.request.use(config => {const authParams: any = LocalStorage.get(STORAGE_KEY.IFRAME_PARAMS)// 替换url，替换参数const {url, baseURL, params} = configlet [pathname, search] = url.split('?')const temp = search ? this.parseParams(search) : {}Object.assign(temp, authParams)          // 覆盖原请求中的部分参数const newParams = this.getQueryString(temp)config.url = newParams ? `${pathname}?${newParams}` : pathname        // 使用?拼接成新的urlreturn config},err => {return Promise.reject(err)})/*** @desc 解析跳转进来的路由参数，为对象* '?type=1&iframe=true'* =>* {type: "1"iframe: "true"}*/parseParams(search) {const ret = {},seg = search.replace(/^\?/, '').split('&'),len = seg.lengthlet i = 0, sfor (; i < len; i++) {if (!seg[i]) {continue}s = seg[i].split('=')ret[s[0]] = s[1]}return ret}

比如拦截http请求（1）：
https://xxx.com/report/list?title=customer_number&endTime=2020-06-30%2023:59:59&startTime=2020-06-01%2000:00:00&pageSize=20&currentPageNo=1
添加参数后变成请求（2）：
https://xxx.com/report/list?timestamp=1595314770&sign=9bc3fd371169e2b4fb6184ed081b0817&currentPageNo=1&pageSize=20&startTime=2020-06-01%252000:00:00&endTime=2020-06-30%252023:59:59&title=customer_number
对比可知添加了参数：

// B
{timestamp: 1595314770,sign:9bc3fd371169e2b4fb6184ed081b0817
}

我的做法是解析成元url中?后面的参数成object（A），然后把新的参数（B）拼接到A上，再更新新的url的参数，看似逻辑木得问题，但是！发请求的时候就是失败，并且报错：参数[startTime]格式错误，咦，笔者都没有操作startTime啊，怎么会参数错误呢？

【错因查找】：

笔者瞪大着高度近视的小眼睛，观察了半天才发现，原来两个url中的startTime参数真的不一样，
请求（1）中startTime：startTime=2020-06-01%2000:00:00
请求（2）中startTime：startTime=2020-06-01%252000:00:00
额，笔者当时上传的参数未：startTime=2020-06-01 00:00:00，明明是空格（space），肿么变成了%20，又变成了%25呢？原来是特殊字符的锅。。。

由于url支持26个英文字母、数字和少数几个特殊字符，因此，对于url中包含非标准url的字符时，就需要对其进行编码。
较为特殊的字符例如：@&=+$,/?%!*’();:#[]

当客户端发请求时，浏览器会自动对含有这些字符的部分进行处理，根据