Js实现Base64编码、解码

封面图 • 2026-01-08 • JavaScript

在JavaScript中，可以使用内置的 `btoa` 和 `atob` 方法来实现 Base64 编码和解码。以下是具体的实现代码：

### Base64 编码

```javascript
function base64Encode(str) {
    try {
        // 使用 btoa 进行 Base64 编码
        return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function(match, p1) {
            return String.fromCharCode('0x' + p1);
        }));
    } catch (err) {
        console.error("Encoding error: ", err);
        return null;
    }
}
```

### Base64 解码

```javascript
function base64Decode(encodedStr) {
    try {
        // 使用 atob 进行 Base64 解码
        return decodeURIComponent(Array.prototype.map.call(atob(encodedStr), function(c) {
            return '%' + c.charCodeAt(0).toString(16).padStart(2, '0');
        }).join(''));
    } catch (err) {
        console.error("Decoding error: ", err);
        return null;
    }
}
```

### 示例用法

```javascript
// 测试字符串
const originalString = "Hello World!";

// 编码
const encodedString = base64Encode(originalString);
console.log("Encoded:", encodedString);

// 解码
const decodedString = base64Decode(encodedString);
console.log("Decoded:", decodedString);
```

### 输出结果

```
Encoded: SGVsbG8gV29ybGQh
Decoded: Hello World!
```

### 说明：
1. **`btoa`**：将字符串编码为 Base64。
2. **`atob`**：将 Base64 编码的字符串解码为普通字符串。
3. **`encodeURIComponent`** 和 **`decodeURIComponent`**：用于处理特殊字符（如空格等）。

注意：`btoa` 和 `atob` 只能处理 ASCII 字符串。如果需要处理 Unicode 字符，需要先进行转义。上述代码已经考虑了这一点。