递归函数使用async/await需声明为async并逐层await，避免同步递归栈溢出；适用于分页、树遍历、重试等场景，支持错误捕获与取消信号，也可用while循环替代以增强可控性。
在递归函数中使用 async 和 await 处理异步流，关键在于：**确保每次递归调用都正确 await，避免同步递归导致的栈溢出，同时保持控制流清晰、错误可捕获、终止条件明确。**
递归函数本身必须是 async 的
如果递归调用内部有 await，那么当前函数必须声明为 async，否则 await 会报语法错误；更重要的是，只有 async 函数才能真正“暂停”并等待下一次递归结果。
- ❌ 错误写法（非 async 函数里 await）：
function fetchWithRetry(url, retries = 3) {
return fetch(url)
.then(res => res.json())
.catch(err => {
if (retries > 0) {
return fetchWithRetry(url, retries - 1); // 这里返回的是 Promise，但没 await，且外层非 async
}
throw err;
});
}- ✅ 正确写法（显式 async + await）：
async function fetchWithRetry(url, retries = 3) {
try {
const res = await fetch(url);
return res.json();
} catch (err) {
if (retries > 0) {
return fetchWithRetry(url, retries - 1); // ✅ 递归调用仍是 Promise，由上层 await 处理
}
throw err;
}
}避免同步爆栈：用 await 控制调用节奏
JavaScript 异步递归不会压爆调用栈，因为每次 await 会让出控制权，等 Promise settle 后再继续执行下一层 —— 这正是它比同步递归安全的地方。
- 只要每层都
await下一层的结果（或至少不阻塞地发起），就不会触发 RangeError: Maximum call stack size exceeded - 适合场景如：分页拉取、树形结构深度遍历、指数退避重试等
- 注意：不要在循环里无限制递归（比如忘了减参数、终止条件写错），那会无限发请求或创建 Promise 链
统一错误处理与中断逻辑
把 try/catch 放在递归函数体内，能自然捕获当层失败；若需在某层主动终止（如超时、取消信号），可用 AbortController 或传入 signal 参数。
立即学习“Java免费学习笔记（深入）”；
- 示例：带取消能力的目录遍历（伪代码）：
async function traverseDir(path, signal) {
if (signal?.aborted) throw new Error('Aborted');
<p>const entries = await readDir(path, { signal });</p><p>for (const entry of entries) {
if (entry.isDirectory()) {
await traverseDir(entry.path, signal); // ✅ 每次 await，支持中断
} else {
await processFile(entry.path);
}
}
}替代方案：用 while 循环 + await 模拟递归（更可控）
对深度极大或逻辑复杂的情况，显式循环比递归更易调试和加限流/节流。
- 把“递归状态”转为变量（如待处理队列、当前层级、剩余重试数）
- 每次迭代 await 一个异步操作，再决定是否继续
- 天然支持暂停、跳过、批量处理等扩展
async function fetchAllPages(startUrl) {
const results = [];
let url = startUrl;
<p>while (url) {
const res = await fetch(url);
const data = await res.json();
results.push(...data.items);</p><pre class="brush:php;toolbar:false;">url = data.nextPageUrl; // 更新状态，而非递归调用}
return results; }
