javascript - 将 JS Promise 值赋给变量

Question

作为 JS 的初学者，这对我来说有点令人困惑，我正在尝试使用此函数获取图像的 Base64 :

const convertFileToBase64 = file => new Promise((resolve, reject) => {
 const reader = new FileReader();
 reader.readAsDataURL(file);
 reader.onload = () => resolve(reader.result);
 reader.onerror = reject;
})

当我调用这个函数时，我得到一个 promise ，我可以使用 .then 打印该值，但我无法将函数的返回值分配给变量。

Answer 1

当调用返回Promise的函数时，有两种方法可以从中获取结果:

1. 使用.then
2. 使用异步/等待

.然后方法:

convertFileToBase64(myFile)
  .then(result => {
    // do something with the result within this little function
  })
  .catch(err => {
    // handle any error
  });

异步/等待方法:

// must be inside an async function
async function doSomething() {
  const result = await convertFileToBase64(myFile);  // wait and assign result to variable
  // do something with the result
  // errors can get handled by whoever calls this async function
}