### 使用 `btoa`、`unescape` 和 `encodeURIComponent` 进行编码转换 在 JavaScript 中，可以通过组合使用 `btoa`、`unescape` 和 `encodeURIComponent` 来实现复杂的字符串编码和解码操作。以下是这些方法的具体功能及其配合使用的说明： #### 方法介绍 - **`btoa(string)`**: 将输入字符串以 Base64 编码的形式返回[^4]。需要注意的是，该方法只支持 ASCII 字符集，对于非 ASCII 字符（如 Unicode），需要先将其转换为适合 Base64 的格式。 - **`unescape(string)`**: 已被废弃的方法，用于将 URI 转义序列 `%xx` 解码为对应的字符[^1]。 - **`encodeURIComponent(string)`**: 对 URL 参数中的特殊字符进行编码，适用于更广泛的字符范围，包括 Unicode 字符[^3]。 #### 实现过程 为了正确处理包含非 ASCII 字符的字符串并对其进行 Base64 编码，通常会采用以下方式： 1. 首先使用 `encodeURIComponent` 对原始字符串进行编码，确保所有特殊字符都被正确转义。 2. 接着调用 `unescape` 将转义后的字符串还原为其二进制表示形式。 3. 最后利用 `btoa` 完成最终的 Base64 编码。 下面是一个完整的代码示例展示这一流程： ```javascript // 原始字符串 var originalStr = "äöüÄÖÜçéèñ"; // 步骤一：使用 encodeURIComponent 处理特殊字符 var encodedStr = encodeURIComponent(originalStr); // 步骤二：通过 unescape 获取实际字节流 (注意：unescape 是已弃用的功能) var byteString = unescape(encodedStr); // 步骤三：应用 btoa 得到 Base64 表达式 var base64Encoded = window.btoa(byteString); console.log(base64Encoded); // 输出结果类似于 'w6TDpMO8w4TDhMORw7jDqQ==' ``` 如果要反向执行这个过程即从 Base64 返回原字符串，则需逆序操作上述步骤: ```javascript // 输入 Base64 数据 var base64Data = 'w6TDpMO8w4TDhMORw7jDqQ=='; // Step 1: Decode from Base64 to binary string using atob() var decodedBinaryString = window.atob(base64Data); // Step 2: Convert binary data back into percent-encoded format via escape() and decodeURIComponent() var uriDecodedString = decodeURIComponent(escape(decodedBinaryString)); console.log(uriDecodedString); // 应打印回初始字符串 "äöüÄÖÜçéèñ" ``` 以上展示了如何结合多个内置函数来完成复杂的数据变换需求。