javascript - 未定义数组

Question

  public onChange(event: Event) {
    let files = event.target['files'];
    let list: string[];
    console.log(files);
    for (var i = 0; i < files.length; i++) {
      if (FileReader && files && files.length) {
        let fileReader = new FileReader();
        fileReader.onload = () => {
          let infoFile: string = fileReader.result;   
          list.push(infoFile);         
        };
        fileReader.readAsDataURL(files[i]);
      }
    }
    console.log(list);
    let preview = document.querySelector('img');
    preview.src = list[0];
  };

当我单击名为 medthod onChange() 的 input type="file"时，我的 component.ts 中有方法，但是当在控制台中左循环 for 时，我收到消息说数组未定义。我检查 fileReader.result 不为空为什么会这样？如何解决这个问题的一些想法。

Answer 1

你必须先初始化列表:

let list: string[] = [];

当你做的时候

let list: string[]

你只告诉编译器这个变量将是一个字符串数组。但在运行时它是未定义的，因为你还没有初始化它。