如何在page.on回调函数外部获取到内部定义的filename值？

你原来的代码里filename用let声明在if判断的代码块内部，作用域仅限制在该代码块，所以外部无法访问，调整变量声明位置即可，同时要注意异步回调的执行时机问题。

1 基础实现：外层作用域声明变量 #

在绑定page.on监听的同一作用域下声明变量，回调内部给变量赋值，外部就可以访问。注意要等对应响应触发后再读取变量，否则会拿到初始空值。

// 在事件回调外层声明变量，作用域覆盖回调内部和你要访问的区域
let downloadedFilename = null
// 多文件下载场景可以用数组存储所有匹配到的文件名
const downloadFilenames = []

page.on('response', response => {
   let url = response.request().url();
   let contentType = response.headers()['content-type'];
   if (contentType == 'audio/mpeg') {
      let contentDisposition = response.headers()['content-disposition'];
      // 加异常判断，避免匹配不到正则时报错
      const matchRes = contentDisposition?.match(/filename="(.+)"/)
      if (matchRes && matchRes[1]) {
        const filename = matchRes[1]
        // 赋值给外层变量
        downloadedFilename = filename
        // 多文件场景 push 到数组
        downloadFilenames.push(filename)
        // 如果需要拿到文件名后立刻执行后续逻辑，也可以在这里调用你定义的外部方法
        handleDownloadFile(filename, response)
      }
   }
});

// 后续逻辑需要保证在响应触发之后再访问变量，示例如下：
await page.click('#download-audio-btn')
// 等待对应类型的响应返回
await page.waitForResponse(res => res.headers()['content-type'] === 'audio/mpeg')
console.log('获取到的文件名：', downloadedFilename)

2 单次下载场景：Promise封装同步获取 #

如果需要在外部等待文件名返回后再执行后续逻辑，可以把监听逻辑封装成Promise，直接await拿结果。

// 封装成Promise，匹配到对应响应后直接返回文件名
function waitForAudioFilename(page) {
  return new Promise(resolve => {
    page.on('response', response => {
      const contentType = response.headers()['content-type'];
      if (contentType == 'audio/mpeg') {
        const contentDisposition = response.headers()['content-disposition'];
        const matchRes = contentDisposition?.match(/filename="(.+)"/)
        if (matchRes && matchRes[1]) {
          resolve(matchRes[1])
        }
      }
    })
  })
}

// 外部使用时直接await即可同步拿到结果
const targetFilename = await waitForAudioFilename(page)
console.log('外部拿到的文件名：', targetFilename)

注意事项 #

• 事件回调为异步执行：绑定page.on后立刻读取变量会得到初始值，需要等对应音频响应触发后才能拿到正确的文件名
• 增加异常兼容：建议给content-disposition的正则匹配加空值判断，避免头部不存在或格式不符合预期时抛出异常
• 多文件场景适配：如果页面会同时触发多个音频下载，建议用数组存储所有匹配到的文件名，避免单个变量被后续结果覆盖

内容的提问来源于stack exchange，提问作者regan