读取zip文件内容并将其分配给局部变量

Question

我想读取包含多个文件的zip文件的内容，并合并所有文件中的内容，并将其分配给局部变量。 但是本地变量不在以下代码的范围内：

const jsZip = require('jszip');
  jsZip.loadAsync(fileList[0]).then(function (zip) {
    Object.keys(zip.files).forEach(function (filename) {
      zip.files[filename].async('string').then(function (fileData) {
         this.fileData = this.fileData + '**$$##$$**' + fileData;
      });
    });
  });

这里未定义“ this”，因为这是在jszip的上下文中执行的。 还尝试了“ jszip-sync”，但没有运气。 感谢您的帮助。

Answer 1

只需将所有function (){}更改为()=>{} ， 胖箭头 ：

const jsZip = require('jszip');
  jsZip.loadAsync(fileList[0]).then((zip) => { // <----- HERE
    Object.keys(zip.files).forEach((filename) => { // <----- HERE
      zip.files[filename].async('string').then((fileData) => { // <----- HERE
         this.fileData = this.fileData + '**$$##$$**' + fileData;
      });
    });
  });

它不起作用的原因：但是，当您使用function() {} ，通常会丢失根元素的上下文，为维护上下文，应使用粗箭头。

您可以找到许多有关胖箭头的精彩文章，我刚刚提供了其中一篇。

在使用箭头函数之前，每个新函数都定义了自己的值（根据函数的调用方式，在构造函数中为新对象，在严格模式下函数未定义，如果该函数称为“对象方法”，则为基础对象”等）。 事实证明，使用面向对象的编程风格并不理想。 更详细