在前端开发中，Base64是一种常见的编码方式，用于将二进制数据转换为文本格式，便于存储或传输。今天就用简单的代码示例，手把手教你如何使用JavaScript实现Base64的编码和解码！💻

首先，让我们看看如何进行编码：

```javascript

function base64Encode(str) {

return btoa(encodeURIComponent(str).replace(/%([0-9A-F]{2})/g, function(match, p1) {

return String.fromCharCode('0x' + p1);

}));

}

```

是不是很简单？只要传入一个字符串，它就能帮你轻松完成编码任务！✨

接下来是解码部分：

```javascript

function base64Decode(encodedStr) {

return decodeURIComponent(Array.prototype.map.call(atob(encodedStr), function(c) {

return '%' + c.charCodeAt(0).toString(16).padStart(2, '0');

}).join(''));

}

```

通过这个函数，你可以将之前编码后的字符串还原成原始内容。💡

无论是图片数据还是敏感信息，Base64都能提供一种轻量级的解决方案。快来试试吧！🚀