编程崽

登录

一叶在编程苦海沉沦的扁舟之上,我是那只激情自射的崽

js取代try catch的方法封装

js取代try catch的方法封装

开发时,可能会担心自己调用的接口、执行的方法会报错,经常用 try catch 包起来,确保了程序执行的顺畅,但写法会比较累赘。

下面这两个方法内部使用 try catch,封装了执行结果,能让开发时敲代码更流程。

包装同步函数

下面的tryTo方法,包装了一个同步方法,注意只能用于同步方法。

封装

ts 复制代码
/**
 * 包装一个同步函数,代替try catch的包装
 * @param promiseHandler 传入的一个异步方法,只需要把方法传进来,此方法在内部执行,拦截报错
 * @returns 返回数组 [报错信息字符串 | null, 正常执行方法得到的返回值 | null, 报错对象 | 正常执行方法得到的返回值]
 */
export function tryTo<T>(handler: () => T): [string | null, T | null, any?] {
	try {
		const data = handler();
		return [null, data, data];
	} catch (error: any) {
		return [error?.message || '未知错误', null, error];
	}
}

使用

ts 复制代码
// 将要调用的可能会出错的内容,写到方法里
function getSome() {
	let result = ''
	// ...一些代码
	result = '返回值'
	return result
}

// 使用to方法包装执行,得到报错信息、正常执行结果、报错对象
let [errMsg, data] = tryTo(getSome)
if (errMsg) {
	console.error(`报错信息:${errMsg}`)
	return
}

包装异步函数

下面的tryToAsync方法,包装了一个异步方法。

封装

ts 复制代码
/**
 * 包装一个异步函数,代替try catch的包装
 * @param promiseHandler 传入的一个异步Promise或异步方法,如果是异步Promise,此方法会等待执行结果;如果是异步方法,此方法会执行并等待结果
 * @returns 返回数组 [报错信息字符串 | null, 正常执行方法得到的返回值 | null, 报错对象 | 正常执行方法得到的返回值]
 */
export async function tryToAsync<T>(promiseHandler: Promise<T> | (() => (T | Promise<T>))): Promise<[string | null, T | null, any?]> {
	try {
    let data: T;
    if (typeof promiseHandler === 'function') {
      data = await promiseHandler();
    } else if (promiseHandler instanceof Promise) {
      data = await promiseHandler
    } else throw new Error('未知的入参类型')

		return [null, data, data];
	} catch (error: any) {
		return [error?.message || '未知错误', null, error];
	}
}

使用

ts 复制代码
// 将要调用的可能会出错的内容,写到方法里,得到一个异步方法
async function getSomeSync() {
	let result = ''
	// ...一些代码,注意这里可能会用到await
	result = '返回值'
	return result
}
// 使用to方法包装执行,得到报错信息、正常执行结果、报错对象
let [errMsg, data] = await tryToAsync(getSomeSync)
if (errMsg) {
	console.error(`报错信息:${errMsg}`)
	return
}