在 react-native / expo 中访问异步函数内的 const

Question

我正在尝试使用expo-av lib

我使用以下异步函数从 URL 播放声音文件：

PlaySound = async (soundURL) => {
    try { 
        const playbackObject = await Audio.Sound.createAsync(
            { uri: soundURL },
            { shouldPlay: this.state.shouldPlay }
        );
     } catch (error) {
           console.log('ERROR:'+error);
           // Error retrieving data
     }

    return playbackObject;
};


stopSound = async (soundURL) => {
try {

  this.setState({shouldPlay:false});
   const playbackObject = await PlaySound(soundURL);

 } catch (error) {
  console.log('ERROR:'+error);
  // Error retrieving data
}
playbackObject.stopAsync(); // this is causing the error
};

我收到此错误：

错误：ReferenceError：找不到变量：playbackObject

[未处理的承诺拒绝：ReferenceError：找不到变量： 播放对象]

PlaySound 函数可以按我的意愿工作。现在我希望能够使用stopSound 函数暂停/停止。 The documentation 说使用soundObject.stopAsync()，在我的情况下是playbackObject。但我不知道如何在函数之外访问这个 const？

谁能指出我正确的方向？

Answer 1

您不能在 try catch 之外引用在 try/catch 内部定义的 const。您可以通过执行以下任一操作来解决此问题：

let playbackObject;

try { 
  playbackObject = await Audio.Sound.createAsync(
    { uri: soundURL },
    { shouldPlay: this.state.shouldPlay }
  );
} catch (error) {
  console.log('ERROR:'+error);
  // Error retrieving data
}

return playbackObject;

或

try { 
  return Audio.Sound.createAsync(
    { uri: soundURL },
    { shouldPlay: this.state.shouldPlay }
  );
} catch (error) {
  console.log('ERROR:'+error);
  // Error retrieving data
}

为了修复 stop 函数，您应该维护一个对由 start 函数返回的播放对象的引用，并在 stop 函数中使用它，因为您当前拥有它的方式会创建一个新的音频流，您将然后停止（保留原件）。