- Vue 3 + TypeScript + Element Plus 前端界面 - Pinia 状态管理 - Vue Router 4 路由管理 - Axios HTTP 客户端 - MSW (Mock Service Worker) 开发环境模拟 - 账户管理界面 (列表、详情、三科目余额展示) - 交易管理界面 (列表、详情) - 对账管理界面 (三账校验) - 完善的 API 客户端封装 - Docker 容器化配置 - Nginx 配置用于生产环境
until-async
Gracefully handle a Promise using async/await.
Why?
With the addition of async/await keywords in ECMAScript 2017 the handling of Promises became much easier. However, one must keep in mind that the await keyword provides no standard error handling API. Consider this usage:
async function getUser(id) {
const data = await fetchUser(id)
// Work with "data"...
}
In case fetchUser() throws an error, the entire getUser() function's scope will terminate. Because of this, it's recommended to implement error handling using try/catch block wrapping await expressions:
async function getUser(id) {
let data = null
try {
data = await asyncAction()
} catch (error) {
console.error(error)
}
// Work with "data"...
}
While this is a semantically valid approach, constructing try/catch around each awaited operation may be tedious and get overlooked at times. Such error handling also introduces separate closures for execution and error scenarios of an asynchronous operation.
This library encapsulates the try/catch error handling in a utility function that does not create a separate closure and exposes a NodeJS-friendly API to work with errors and resolved data.
Getting started
Install
npm install until-async
Usage
import { until } from 'until-async'
async function getUserById(id) {
const [error, data] = await until(() => fetchUser(id))
if (error) {
return handleError(error)
}
return data
}
Usage with TypeScript
import { until } from 'until-async'
interface User {
firstName: string
age: number
}
interface UserFetchError {
type: 'FORBIDDEN' | 'NOT_FOUND'
message?: string
}
async function getUserById(id: string) {
const [error, data] = await until<UserFetchError, User>(() => fetchUser(id))
if (error) {
return handleError(error.type, error.message)
}
return data.firstName
}
Frequently asked questions
Why does until accept a function and not a Promise directly?
This has been intentionally introduced to await a single logical unit as opposed to a single Promise.
// Notice how a single "until" invocation can handle
// a rather complex piece of logic. This way any rejections
// or exceptions happening within the given function
// can be handled via the same "error".
const [error, data] = until(async () => {
const user = await fetchUser()
const nextUser = normalizeUser(user)
const transaction = await saveModel('user', user)
invariant(transaction.status === 'OK', 'Saving user failed')
return transaction.result
})
if (error) {
// Handle any exceptions happened within the function.
}
Special thanks
- giuseppegurgone for the discussion about the original
untilAPI.