javascript需用promise+settimeout封装可await的delay函数，如const delay = ms => new promise(resolve => settimeout(resolve, ms))，必须在async函数中使用await调用，适用于多阶段任务等待、循环逐项延迟等场景。
JavaScript 中没有原生的 sleep() 或 wait() 函数，所以不能像 Python 那样直接写 await sleep(2000) 就生效——必须自己封装一个返回 Promise 的延迟函数，并确保它运行在 async 上下文中。
用 Promise + setTimeout 封装可 await 的 delay 函数
核心是创建一个立即返回 Promise 的函数，内部用 setTimeout 触发 resolve。这个 Promise 被 await 时，会暂停当前 async 函数执行，直到定时器结束。
- 写法简洁可靠：
const delay = ms => new Promise(resolve => setTimeout(resolve, ms)); - 支持任意毫秒数，比如
await delay(1500)表示停 1.5 秒 - 不阻塞主线程，页面仍可响应滚动、点击等操作
- 兼容所有现代浏览器及 Node.js，也适用于 AppleScript 调用的 JavaScriptCore 环境
必须在 async 函数内使用 await
await 是语法关键字，只能出现在 async 函数内部。如果写在普通函数或全局作用域里，会报 SyntaxError: await is only valid in async function。
- 错误示范：
await delay(1000);（顶层直接调用） - 正确写法：把逻辑包进 async 函数，例如
(async () => { await delay(1000); console.log('done'); })(); - 实际项目中，通常将主流程定义为 async 函数，如
async function runBatch() { ... }
多阶段任务间插入精确等待
当需要按顺序执行多个异步步骤（比如表单填写 → 等待渲染 → 提交 → 等待反馈），每个环节后加 await delay() 就能控制节奏，避免因 DOM 更新未完成或接口响应滞后导致失败。
- 例如模拟用户操作：
await delay(2000);可留出足够时间让动画/加载状态消失 - 比硬编码
setTimeout更易读，且天然支持try/catch错误捕获 - 配合其他 Promise 操作（如
fetch、document.querySelector等）自然串联
循环中逐项延迟处理数组
普通 for 循环是同步的，无法暂停；若想对数组每个元素依次延迟处理，必须用 for...of 或 for 循环配合 await。
- 推荐写法：
for (const item of list) { await processItem(item); await delay(800); } - 避免用
forEach+await—— 它不会等待每个回调完成，属于常见误区 - 适合场景：批量点击按钮、逐条发送请求、分步高亮元素等需节奏控制的操作
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
