javascript - Promise 在 setTimeOut 之后没有得到解决

Question

我正在使用 cordova 的语音识别插件，在用户点击语音按钮后 startRecognition 被触发，但是如果在 10000ms 之后如果用户没有说任何东西然后 stopListening()函数应该被触发，并且会持续下去，除非用户说退出。

我正在使用 setTimeout 包裹在一个 promise 中，当这个 promise 被解决时，我正在解决触发用于语音识别的 cordova 插件的 promise

此代码将持续运行语音识别，除非用户退出。

  listenMsgAndReplyRepeat() {
    const self = this;
    this.listenMsg().then(res => {
      alert('got result ' + res);
      if (res === 'Exit') {
        self.exitFromApp();
      } else if (res === 'Success') {
        self.listenMsgAndReplyRepeat();
      } else if (res === 'Stopped') {
        alert('the speech recognition was stopped');
        self.botReply('Hello? Do you Want me to Exit?');
        self.listenMsgAndReplyRepeat();
      } else {
        self.botReply('Some error occured will detecting speech');
      }
    });
  }

这段代码是启动语音识别的代码

listenMsg() {
    const self = this;
    // Verify if recognition is available
    return new Promise(function(resolve, reject) {
      self
        .isRecognitionAvailable()
        .then(function(available) {
          if (available) {
            return window.plugins.speechRecognition.hasPermission();
          }
        })
        .then(function(hasPermission) {
          function startRecognition() {
            self.speakPopUp = true;
            return self
              .startRecognition({
                language: 'en-US',
                showPopup: false,
                matches: 2
                // showPartial: true
              })
              .then(function(result) {
                clearTimeout(self.stopListen);
                self.speakPopUp = false;
                if (result[0] === 'exit') {
                    resolve('Exit'); //working
                }
                self.botReply(result[0]).then(res => {
                  resolve('Success'); //working
                });
              })
              .catch(function(err) {
                reject('Error');
              });
          }
          if (!hasPermission) {
            self
              .requestPermission()
              .then(function() {
                self.stopSpeech().then(res => {
                  self.speakPopUp = false;
                  resolve('Stopped');  //this resolve is not working
                });
                startRecognition();
              })
              .catch(function(err) {
                console.error('Cannot get permission', err);
                reject('Error');
              });
          } else {
            self.stopSpeech().then(res => {
              self.speakPopUp = false;
              resolve('Stopped');  //this resolve is not working
            });
            startRecognition();
          }
        })
        .catch(function(err) {
          console.error(err);
          reject('Error');
        });
    });
  }

局部函数 startRecognition 中的 resolve 正在工作，但 if else 条件中的 resolve 不起作用

这是stopRecognition代码

  stopSpeech() {
    const self = this;
    return new Promise(function(resolve, reject) {
      self.stopListen = setTimeout(() => {
        self.stopListening().then(res => {
          clearTimeout(self.stopListen);
          resolve('stopped');
        });
      }, 10000);
    });
  }

setTimeOut 中的 resolve 正在运行。

我将 setTimeOut 分配给一个变量，因为如果用户说话，我必须清除它，这样 stopListening 就不会被触发。

Answer 1

我能够通过使用 Promise.all() 解决这个问题。我将超时包装在一个 promise 中并将其传递到 promise 数组中，然后我将 stopListening promise 推送给它。

const promises = [];
promises.push(self.delay(10000));
promises.push(self.stopListening());
Promise.all(promises).then((res) => {
   self.speakPopUp = false;
   resolve('Stopped');
  });

  delay(t) {
    return new Promise(function(resolve) {
        setTimeout(resolve, t);
    });