
如何处理异步操作
在 typescript 中,我们有多种方法来处理异步操作:回调、promise 和 async/await。异步编程使我们能够管理可能需要时间的操作,例如从 api 获取数据,而不会阻塞其他代码的执行。
回调
回调是作为参数传递给另一个函数的函数,并在任务完成后执行。虽然回调适用于简单的任务,但当需要链接操作时,它们很快就会变得不可读。
type todo = { id: number; userid: number; title: string; completed: boolean;};const createpromise = ( id: number, callback: (error: error | null, task: todo | null) => void) => { fetch(`https://jsonplaceholder.typicode.com/todos/${id}`) .then((response) => { if (response.ok) { return response.json(); } else { throw new error("failed to load data"); } }) .then((data) => { callback(null, data); }) .catch((error) => { callback(error, null); });};createpromise(1, (error, task) => { if (error) { console.error(error); } else { console.log(task); }});
登录后复制
承诺
promise 提供了比回调更干净的方法,允许我们使用 .then() 和 .catch() 方法以更线性的方式处理异步操作。它们更容易链接,但仍然会因为复杂的操作而变得混乱。
const createpromise = (id: number): promise