在前端开发中，我们会经常使用编码和解码数据的技术。其中最常见的编码方式是 base64 编码。在 TypeScript 的项目中，使用 @types/base-64 可以更加方便地进行 base64 编码和解码操作。
安装 @types/base-64
首先，我们需要在项目中安装 @types/base-64 包。通过以下命令可以实现：
npm install --save-dev @types/base-64
导入和使用 @types/base-64
在 TypeScript 中，我们需要导入相应的包才能使用它。使用 @types/base-64 也是如此。以下是基本的导入方式：
import { encode, decode } from 'base-64';编码字符串很简单。只需调用 encode() 方法并传入欲编码的字符串。
const encoded = encode('hello');
console.log(encoded); // 输出 "aGVsbG8="要解码一个字符串，同样调用 decode() 并传入要解码的字符串。
const decoded = decode('aGVsbG8=');
console.log(decoded); // 输出 "hello"进阶操作
在上述基本用法之外，@types/base-64 还有其他的功能。例如，它提供了一些带有选项的 API，以更好地进行数据编码和解码。以下是一些示例：
Url-safe 编码
有时需要进行 url-safe 编码。它和原始的 base64 编码略有不同，因为它使用一些特殊字符代替了原始编码中的“/”和“+”字符。为了进行这种编码，我们可以使用 urlEncode() 方法。
import { urlEncode } from 'base-64';
const safeEncoded = urlEncode('hello/world');
console.log(safeEncoded); // "aGVsbG8rd29ybGQ="Byte 数组操作
有时候需要处理 byte 数组而非字符串。@types/base-64 提供了与 ArrayBuffer 类型兼容的方法。
import { encodeArrayBuffer, decodeArrayBuffer } from 'base-64';
const buffer = new Uint8Array([72, 101, 108, 108, 111]).buffer;
const encodedBuffer = encodeArrayBuffer(buffer);
console.log(encodedBuffer); // "SGVsbG8="
const decodedBuffer = decodeArrayBuffer(encodedBuffer);
console.log(decodedBuffer); // ArrayBuffer { byteLength: 5 }RFC2045 编码
有时候需要顺便进行 RFC2045 编码。这也很简单。
import { encodeRFC2045 } from 'base-64';
const rfcEncoded = encodeRFC2045('hello');
console.log(rfcEncoded); // "aGVsbG8=\r\n"总结
在这篇文章中，我们学习了如何安装和使用 @types/base-64 包。我们还介绍了其它一些高级操作。 有了这个基础，我们可以在 TypeScript 项目中更加方便地进行 base64 编码和解码操作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb3fab5cbfe1ea0611207