js将URL网址转为16进制加密与解密函数

下面就是“js将URL网址转为16进制加密与解密”的完整攻略：

1. 前置知识

在开始本攻略前，需要你掌握以下两个方面的知识：

1. JavaScript基础语法：至少需要懂基本的变量声明、流程控制等语法。
2. URL编码和解码：需要了解URL编码和解码的原理及JavaScript中对应的方法。

2. 加密函数实现

下面给出一个将URL网址转为16进制加密的函数实现：

function urlToHex(url) {
  let hex = '';
  for (let i = 0; i < url.length; i++) {
    hex += url.charCodeAt(i).toString(16);
  }
  return hex;
}

该函数接收一个URL字符串作为参数，返回将该URL转化为16进制后的字符串。具体实现过程是用for循环遍历字符串的每一位，然后使用charCodeAt()方法将其转化为十进制，最后再调用toString(16)方法转化为16进制。

下面给出两个示例：

const url1 = 'https://www.baidu.com';
console.log(urlToHex(url1));
// 输出: "68747470733a2f2f7777772e62616964752e636f6d"

const url2 = 'https://mp.weixin.qq.com/s/c1AgB_kQYK9QZ97N9i1YnQ';
console.log(urlToHex(url2));
// 输出: "68747470733a2f2f6d702e77656978696e2e71712e636f6d2f732f63314167425f6b51594b39515a39374e396931596e51"

3. 解密函数实现

下面给出一个将16进制字符串还原成URL网址的函数实现：

function hexToUrl(hex) {
  let url = '';
  for (let i = 0; i < hex.length; i += 2) {
    url += String.fromCharCode(parseInt(hex.substr(i, 2), 16));
  }
  return decodeURIComponent(url);
}

该函数接收一个16进制字符串作为参数，返回将该字符串还原为URL后的字符串。具体实现过程是用 for 循环遍历字符串的每两位，然后使用 parseInt() 方法将其转化为十进制，再调用 String.fromCharCode() 方法转化为字符，最后使用 JavaScript 提供的 decodeURIComponent() 方法解码 URL。

下面给出两个示例：

const hex1 = '68747470733a2f2f7777772e62616964752e636f6d';
console.log(hexToUrl(hex1));
// 输出: "https://www.baidu.com"

const hex2 = '68747470733a2f2f6d702e77656978696e2e71712e636f6d2f732f63314167425f6b51594b39515a39374e396931596e51';
console.log(hexToUrl(hex2));
// 输出: "https://mp.weixin.qq.com/s/c1AgB_kQYK9QZ97N9i1YnQ"

4. 总结

本文给出了一个将URL网址转为16进制加密的函数和将16进制字符串还原成URL网址的函数的实现，具体过程中涉及到JavaScript的基础语法和URL编码解码的知识。希望本攻略可以对读者有所帮助。