如何访问Blob对象的值及其中的Buffer内容？

嘿，我来帮你搞定Blob的这两个问题！👇

一、访问Blob对象的值（标准可靠方法） #

Blob是专门存储二进制数据的容器，标准ECMAScript API提供了几个稳定的异步方法来读取它的内容，在浏览器和Node.js环境都能正常使用：

• 获取二进制数组（ArrayBuffer）：如果需要处理原始二进制数据，这个方法最直接

async function getBlobBinaryData(blob) {
  const arrayBuffer = await blob.arrayBuffer();
  console.log(arrayBuffer); // 得到ArrayBuffer对象，可转成Uint8Array等TypedArray使用
}

• 读取为文本：如果Blob里存的是字符串内容（比如JSON、HTML），用这个更便捷

async function getBlobText(blob) {
  const textContent = await blob.text();
  console.log(textContent);
}

• 兼容旧浏览器的FileReader方法：如果需要支持较老的浏览器，传统的FileReader依然可用

function readBlobWithFileReader(blob) {
  const reader = new FileReader();
  reader.onload = function(event) {
    console.log(event.target.result); // 根据读取方法不同，返回对应格式的数据
  };
  reader.readAsArrayBuffer(blob); // 可选：readAsText、readAsDataURL等
}

二、访问你看到的[Symbol(buffer)]（注意：非标准！） #

你在console里打印出来的[Symbol(buffer)]是V8引擎（Chrome、Node.js等基于V8的环境）的内部实现细节，并不是ECMAScript标准定义的属性，所以绝对不要在生产代码里依赖它——不同JS引擎可能没有这个属性，V8后续版本也可能移除它，用这个会让你的代码非常脆弱。

如果只是本地调试或者临时测试用，可以这样获取这个内部Buffer：

// 拿到Blob对象的所有私有Symbol属性
const blobSymbols = Object.getOwnPropertySymbols(yourBlob);
// 筛选出描述为"buffer"的那个Symbol
const bufferSymbol = blobSymbols.find(sym => sym.description === 'buffer');
// 访问内部Buffer
const internalBuffer = yourBlob[bufferSymbol];
console.log(internalBuffer); // 就是你看到的<Buffer ff d8 ff e0 ...>

再次提醒：这个方法只是调试用的小技巧，正式代码一定要用前面讲的标准API来读取Blob内容哦！

内容的提问来源于stack exchange，提问作者acagastya