reader.onloadend 外部如何取内部值

要在`reader.onloadend`外部获取`reader.onloadend`内部的值，您可以使用回调函数或Promise来处理异步操作。以下是两种常见的方法示例：

1. 使用回调函数：

function readFile(file, callback) {
  var reader = new FileReader();
  reader.onloadend = function(event) {
    if (event.target.readyState === FileReader.DONE) {
      callback(event.target.result);
    }
  };
  reader.readAsText(file);
}

// 调用readFile函数，并在回调函数中获取内部值
readFile(yourFile, function(fileContent) {
  console.log(fileContent); // 在控制台中输出文件内容
  // 在这里可以对文件内容进行进一步操作
});

在上面的代码中，我们定义了一个名为`readFile`的函数，该函数接受一个文件和一个回调函数作为参数。在`readFile`函数内部，我们创建了一个`FileReader`对象，并在`reader.onloadend`事件处理程序中使用回调函数来传递获取的文件内容。

在调用`readFile`函数时，我们将文件对象（`yourFile`）和一个回调函数作为参数传递。在回调函数中，我们可以访问并操作从`reader.onloadend`获取的文件内容。

2. 使用Promise：

function readFile(file) {
  return new Promise(function(resolve, reject) {
    var reader = new FileReader();
    reader.onloadend = function(event) {
      if (event.target.readyState === FileReader.DONE) {
        resolve(event.target.result);
      } else {
        reject(new Error('读取文件失败'));
      }
    };
    reader.readAsText(file);
  });
}

// 调用readFile函数，并使用Promise的then方法获取内部值
readFile(yourFile)
  .then(function(fileContent) {
    console.log(fileContent); // 在控制台中输出文件内容
    // 在这里可以对文件内容进行进一步操作
  })
  .catch(function(error) {
    console.error(error); // 在控制台中输出错误信息
  });

在上面的代码中，我们定义了一个名为`readFile`的函数，该函数返回一个Promise对象。在Promise的构造函数中，我们创建了一个`FileReader`对象，并在`reader.onloadend`事件处理程序中使用`resolve`方法传递获取的文件内容。如果读取文件失败，我们使用`reject`方法返回一个错误。

在调用`readFile`函数时，我们将文件对象（`yourFile`）传递给它。然后，我们使用Promise的`then`方法来获取内部值并进行处理。如果发生错误，我们可以使用`catch`方法捕获并处理它。

无论您选择使用回调函数还是Promise，这两种方法都可以让您在`reader.onloadend`外部获取到内部的值，并进行进一步的操作。