如何为待执行的数组内函数/方法优雅添加try-catch异常捕获功能

核心问题说明 #

你当前的代码在数组初始化阶段就已经执行了this.f('a')、this.f('b')，并非遍历的时候才触发执行。要实现可控的逐个调用+单独异常捕获，首先需要把函数的执行时机延迟到你需要的阶段，再统一加捕获逻辑。

优雅实现方案 #

方案1：最小改动适配原有数组结构 #

第一步：改造数组定义，延迟函数执行

用箭头函数包裹原函数调用，数组初始化阶段不会触发真实执行：

const arr = [
  { 'Some text': () => this.f('a') },
  { 'Some other text': () => this.f('b') }
]

第二步：遍历执行+单独异常捕获

遍历阶段才真正调用函数，每个调用单独配try-catch互不影响：

arr.forEach((entry) => {
  const [text, execFunc] = Object.entries(entry)[0]
  let result
  try {
    result = execFunc()
    console.log([[text, result]])
    // 执行成功的后续逻辑写在这里
  } catch (err) {
    // 单个函数执行失败的单独处理逻辑
    console.error(`[${text}] 对应方法执行失败:`, err)
    result = '自定义默认值' // 可根据业务需求调整
  }
})

方案2：配置与逻辑分离（更适合多条目场景） #

如果后续需要新增大量同类条目，推荐把配置和执行逻辑拆分，可读性和可维护性更高：

// 纯配置项，增删条目只需要改这里，不需要写任何逻辑代码
const funcConfig = [
  { text: 'Some text', param: 'a' },
  { text: 'Some other text', param: 'b' }
]

// 统一执行逻辑，异常捕获逻辑全部收拢在这里，和配置完全解耦
funcConfig.forEach(item => {
  let result
  try {
    result = this.f(item.param)
    console.log([[item.text, result]])
  } catch (err) {
    console.error(`[${item.text}] 执行失败:`, err)
  }
})

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