Cómo detectar errores con elegancia

La lógica del código anterior a menudo aparecía:

// 假设这是一个API接口调用
function userInfo () {
    
    
  return new Promise((resolve, reject) => {
    
    
    setTimeout(() => {
    
    
      resolve({
    
    
        data: {
    
    
          name: '张三', age: 18
        },
        code: '000'
      })
    }, 3000)
  })
}
// 在页面加载调用这个函数
async function getUserInfo () {
    
    
  try {
    
    
    let res = await userInfo()
    console.log('正常处理...')
  } catch (error) {
    
    
    // 错误捕获
  }
}

Captura de errores de encapsulación

async function useCaptured (asyncFunc) {
    
    
  try {
    
    
    const res = await asyncFunc()
    return [null, res]
  } catch (error) {
    
    
    return [error, null]
  }
}

Luego, introduzca la función auxiliar anterior en cualquier archivo que necesite. La regla de encapsulación de esta función auxiliar es seguir la primera regla del error, que es similar al nodo, y el nombre de la función sigue la forma de ganchos.

function userInfo () {
    
    
  return new Promise((resolve, reject) => {
    
    
    setTimeout(() => {
    
    
      resolve({
    
    
        data: {
    
    
          name: '张三', age: 18
        },
        code: '000'
      })
    }, 3000)
  })
}

async function getUserInfo () {
    
    
  let [err, res] = await useCaptured(userInfo)
  if (!err) {
    
    
    console.log('正常处理...')
  }
}

¿No es genial? ! !

Articulo de referencia

Supongo que te gusta

Origin blog.csdn.net/wu_xianqiang/article/details/108133374
Recomendado
Clasificación