javascript - promise döndüren metod tamamlandıktan sonra sadece then'i çağır

submitTCtoDB() {
  console.log("this.selectedFileList is:  " + this.selectedFileList)
  this.readFile().then(() => {
    alert("ReadFile Finished now submit TC");
    this.submitTC()
  });
}

readFile() {
  return new Promise((resolve, reject) => {
    for (let i = 0; i < this.selectedFileList.length; i++) {
      let file = this.selectedFileList[i];
      alert("file in redafile" + file.name)
      let fileReader = new FileReader();
      fileReader.onload = () => {
        this.fileContent = fileReader.result;
        if (this.fileContent.indexOf("END DATA | BEGIN RESULTS") != -1) {
          alert("Multiple testcases found in " + file.name + " file.  Please separate/save testcases in Calc Builder. Then reimport");
          const index: number = this.selectedFileList.indexOf(file);

          if (index > -1) {
            this.selectedFileList.splice(index, 1);
          }

          console.log(this.fileContent);

        }
        resolve(this.fileContent);
      }
      fileReader.readAsText(file);
    }
  });
}

readFile yöntemi tamamen bitmeden submitTC() yöntemini çalıştırmak istemiyorum ama submitTCtoDB içindeki .then() erken tetikleniyor.

Bence .then veya promise doğru şekilde kullanılmamış.

İstenen işlevsellik, submitTC metodunun sadece readFile metodunun dosyaları okuma/birleştirme işlemini tamamladığında çağrılmasıdır. Yardımcı olur musunuz?

Cevap #1

Bir döngüde bir resolve çağrınız var, ancak resolve yalnızca ilk kez çağrıldığında etkili olur: bir vaat çözüldüğünde, bu onun nihai durumudur ve then geri çağrıları tetiklenir. Bu nedenle, herhangi bir başka dosyanın işlenmesini beklemeden ilk dosya okunduğunda bu gerçekleşir.

Yapabileceğiniz şey:

• FileReader'ı özel bir mantık eklemeden (sizin if kontrolünüzü) promisify edin: onu dışında bırakın, böylece genel kalır
• Promise.all'i, dosya listesini dosya içeriklerinin listesini verecek yeni bir promise'e dönüştürmek için kullanın.
• Belirli kontroller için içerik listesini işleyin
• Yeni promise'i (Promise.all veya ona zincirlenmiş olanı) çağırana döndür.

Kod :

submitTCtoDB() {
    console.log("this.selectedFileList is:  " + JSON.stringify(this.selectedFileList))
    this.readFileList(this.selectedFileList).then((validList) => {
        alert("ReadFile Finished now submit TC");
        this.selectedFileList = validList;
        this.submitTC()
    });
}

readFileList(list) {
    return Promise.all(list.map(file => this.readFile(file))).then(contents => {
        return list.filter((file, i) => {
            const fileContent = contents[i];
            if (fileContent.indexOf("END DATA | BEGIN RESULTS") != -1) {
                console.log("Multiple testcases found in " + file.name + " file.  Please separate/save testcases in Calc Builder. Then reimport");
                console.log(fileContent);
                return false; // exclude this file
            }
            return true; // include this file
        });
    });
}

readFile(file) {
    return new Promise(resolve => {
        console.log("file in promiseFile: " + file.name);
        const fileReader = new FileReader();
        fileReader.onload = () => resolve(fileReader.result);
        fileReader.readAsText(file);
    });
}