Blob 到 Uint8Array 没有回调

Question

是否可以在不使用回调且仅使用 JavaScript 的情况下将 Blob 转换为 Uint8Array？

如何返回调用变量uint8data的uint8array？

let str='content';

str2blob=(str,type='text/plain')=>new Blob([str],{type:type});

let blob=str2blob(str);

function blob2uint(blob){
    new Response(blob).arrayBuffer().then(buffer=>{
        uint=[...new Uint8Array(buffer)];
        console.log("Uint8Array",uint);
        return uint;
    });
}

let uint8data=blob2uint(blob);
console.log(uint8data); //Show Uint8Array

Answer 1

假设这是在函数内部的某个地方，您可以将其设为异步，并在您从 blob2uint 函数返回 Promise 后使用 await 等待它完成：

async function myBlobToUIntDemo() {
  let str='content';

  str2blob=(str,type='text/plain')=>new Blob([str],{type:type});

  let blob=str2blob(str);  

  function blob2uint(blob){
      return new Response(blob).arrayBuffer().then(buffer=>{
          uint=[...new Uint8Array(buffer)];
          console.log("Uint8Array",uint);
          return uint;
      });
  }
  
  let uint8data = await blob2uint(blob);
  console.log(uint8data); //Show Uint8Array
}

让我们用更多信息来补充一下：

为什么我首先需要回调？

因为您通过从响应中提取 arrayBuffer 来执行异步工作。 JavaScript（据我所知）仅在单个线程中运行。如果您没有以某种方式将其置于后台，则在不使用回调的情况下等待代码中的网站会停止页面上的所有其他 JavaScript 执行；这就是回调和 Promises 为您所做的（至少从外部）。

承诺？

执行异步工作的函数通常返回一个Promise 对象，该对象承诺在工作完成后为您提供值（通过调用在then 回调中传递的函数）或在出现问题时返回错误（通过调用catch 回调）。

异步/等待

引入了 async / await 以使 Promises 的使用更加美观和易读，从而大大减少了对回调的需求。您可以在this MDN article 中阅读更多相关信息。

上面的代码块仅包含使事情正常进行的最低限度的更改。让我们再简化一点！

async function myBlobToUIntDemo() {
  let str = 'content';
  let str2blob = (str, type = 'text/plain') => new Blob([str], { type: type });
  let blob = str2blob(str);

  const buffer = await new Response(blob).arrayBuffer();
  const uint = [...new Uint8Array(buffer)];
  
  console.log(uint);
}

请注意，这也会返回一个 Promise（如果您将函数标记为异步，这会自动发生），因此请务必记住，如果您要在代码中的任何位置使用此函数。