0

我正在尝试在“handleFile()”函数之外使用“工作簿”变量。我知道我无法返回工作簿变量，因为它是一个异步函数，我尝试使用 Promise，但我不知道如何正确执行。请问你能帮帮我吗！请记住，我是新手谢谢！

var rABS = true; // true: readAsBinaryString ; false: readAsArrayBuffer
function handleFile(e) {
  var files = e.target.files, f = files[0];
  var reader = new FileReader();
  reader.onload = function(e) {
    var data = e.target.result;
    if(!rABS) data = new Uint8Array(data);
    var workbook = XLSX.read(data, {type: rABS ? 'binary' : 'array'});

    /* DO SOMETHING WITH workbook HERE */
  };
  if(rABS) reader.readAsBinaryString(f); else reader.readAsArrayBuffer(f);
}
input_dom_element.addEventListener('change', handleFile, false);
4

3 回答 3

0

该workbook变量是私有的，因此在处理变量时它是安全的。

但是要回答您的问题，假设您想在全局范围内访问它。

替换以下行：

var workbook = XLSX.read(data, {type: rABS ? 'binary' : 'array'});

和

workbook = XLSX.read(data, {type: rABS ? 'binary' : 'array'});

有了这个，您可以使用workbook或在任何范围内访问全局范围内的工作簿window.workbook（假设window变量引用全局window对象。）

于 2018-11-17T12:00:55.210 回答
0

如果你想使用 Promise，你会得到这样的东西：

 function handleFile(e) {
     new Promise(function(resolve, reject) {
        var files = e.target.files, f = files[0];
        var reader = new FileReader();
        reader.onload = function(e) {
          var data = e.target.result;
          if(!rABS) data = new Uint8Array(data);
          var workbook = XLSX.read(data, {type: rABS ? 'binary' : 'array'});

          /* DO SOMETHING WITH workbook HERE */
        };

        if(rABS) {
          resolve(reader.readAsBinaryString(f));
        } else {

          resolve(reader.readAsArrayBuffer(f));
        }

     });
}

另一个承诺的例子（我会怎么做）：

function handleFile(e) {
    processFile(e).then((res) => {
        // do something with reader
    });
}

function processFile(e) {
    return new Promise(function(resolve, reject) {
    var files = e.target.files, f = files[0];
    var reader = new FileReader();
    reader.onload = function(e) {
      var data = e.target.result;
      if(!rABS) data = new Uint8Array(data);
      var workbook = XLSX.read(data, {type: rABS ? 'binary' : 'array'});

      /* DO SOMETHING WITH workbook HERE */
    };

    resolve(reader);

  });
}

input_dom_element.addEventListener('change', handleFile, false);

希望这可以帮助！

于 2018-10-31T20:18:08.510 回答
-1

如果要在函数外部使用变量，则在函数外部声明它。确保变量已声明，或者在函数调用期间对其进行了初始化：

var x;
function foo() { x=5; }
function bar() { x+=10; }
foo();
bar();
console.log(x); // 15

但是，我建议为您的案例使用类，这将允许您以更逻辑且易于维护的方式链接变量和函数。您的代码可以这样重写：

class FileHandler() {

  // defines workgroup as a property
  workgroup;

  // defines a method to handle file
  handle(e) {
    // your code for handleFile(e)
    // you can access this.workgroup, even asynchronously
  }

}
于 2018-10-31T19:59:35.460 回答