JavaScript中的FileReader是一个非常有用的API，它可以用来读取本地计算机上的文件，通常用于实现文件上传和预览功能。在使用FileReader时，可以使用onload事件来检测读取操作何时完成，进而进行后续操作。
而async是JavaScript中的关键字之一，用于定义异步函数。异步函数在执行时不会阻塞调用者的线程，而是会返回一个Promise对象。在异步函数中，可以使用await关键字来等待其他异步操作完成。
在使用FileReader时，我们通常需要将其读取文件的操作封装为一个异步函数，以确保文件读取操作不会阻塞主线程的执行。具体来说，可以将读取操作封装为一个Promise对象，并在异步函数中使用await关键字来等待Promise对象的完成。
下面是一个使用FileReader异步读取文件的示例代码：
async function readFile(file) {
return new Promise((resolve, reject) => {
const reader = new FileReader();
reader.onload = () => resolve(reader.result);
reader.onerror = reject;
reader.readAsText(file);
const file = document.querySelector('input[type="file"]').files[0];
const content = await readFile(file);
console.log(content);
在这个示例中，readFile函数接收一个文件对象作为参数，并返回一个Promise对象。在Promise对象的构造函数中，我们创建了一个FileReader对象，并将其onload和onerror事件分别绑定到resolve和reject函数。然后，我们调用FileReader对象的readAsText方法来读取文件内容。最后，在主线程中，我们使用await关键字来等待readFile函数的完成，并获取文件的内容。
需要注意的是，当使用FileReader时，如果要读取二进制文件，需要将FileReader对象的readAsText方法替换为readAsArrayBuffer或readAsDataURL方法。此外，在使用FileReader时，也需要注意文件读取的安全性问题。