ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

201、【Agent】【OpenCode】JS 语法:setTimeout 七种常用形式

2026/9/3 16:32:36 拓冰建站 浏览量
201、【Agent】【OpenCode】JS 语法:setTimeout 七种常用形式 【声明】本博客所有内容均为个人业余时间创作所述技术案例均来自公开开源项目如GithubApache基金会不涉及任何企业机密或未公开技术如有侵权请联系删除标题201、【Agent】【OpenCode】JS 语法setTimeout 七种常用形式背景上篇 blog【Agent】【OpenCode】TuiThreadCommand handlercheckUpgrade 的延迟与 unref拆了thread.ts:197-199那行延迟升级检测的四个细节setTimeout是运行时全局内置定时器返回带unref的 Timeout 对象回调写成无参箭头函数、靠闭包捕获client/cwdclient.call(checkUpgrade)是 TUI 发往 worker 的 RPC 请求失败.catch静默unref让定时器不阻挡进程退出、?.防御返回对象没有 unref的环境。200 里 setTimeout 的回调用了内联箭头 闭包这一种形式但 setTimeout 的写法远不止这一种——本篇开启新系列“JS 语法”通用 JS 语法点统一归入先盘点 setTimeout 的七种常用形式OpenCode200 篇那行代码长这样setTimeout((){client.call(checkUpgrade,{directory:cwd})},1000)这用的是内联箭头 闭包。但setTimeout(fn, delay, ...args)的完整签名里第一个参数可以传箭头函数、可以传函数引用delay 之后还能带参数。七种形式先一并列出七种形式一览// ① 内联箭头 闭包捕获最常见opencode 用法setTimeout((){client.call(checkUpgrade,{directory:cwd})},1000)// ② 函数引用 第三参数传值参数注册时固化setTimeout(console.log,0,i)// ③ 函数引用无参——传名字不加括号setTimeout(doSomething,1000)// ④ 字符串已弃用eval 风险setTimeout(console.log(hi),1000)// ⑤ 递归代替 setInterval任务结束再排下一个防堆积functiontick(){/* ... */setTimeout(tick,1000)}// ⑥ 延迟 0 排队下一次宏任务setTimeout(fn,0)// ⑦ 生命周期管理取消 / 不阻挡退出consttsetTimeout(fn,1000)clearTimeout(t)t.unref()逐个拆解形式① 内联箭头 闭包箭头函数内联定义要用的变量client/cwd从外层闭包捕获。这是 opencode 里的写法也是日常最常见。形式② 函数引用 第三参数setTimeout(console.log, 0, i)第一参数传console.log这个函数引用没有括号第三参数i在定时器触发时作为实参传给回调在注册那一刻被固化快照。等价于setTimeout((...args) console.log(...args), 0, i)。形式③ 函数引用无参setTimeout(doSomething, 1000)传函数名字不加括号。注意与setTimeout(doSomething(), 1000)的区别——后者是立即调用并传返回值几乎总是 bug。形式④ 字符串弃用早期允许传字符串内部eval执行有安全与性能问题现代代码不应使用了解即可。形式⑤ 递归代替 setIntervalsetInterval固定间隔可能在前一次任务没跑完时就触发堆积递归版每次任务结束后才排下一个天然防堆积、可控。形式⑥ 延迟 0 排队setTimeout(fn, 0)不是立刻执行而是把fn排到当前任务栈清空后的下一次宏任务用于先让当前代码跑完再异步补齐。形式⑦ 生命周期管理setTimeout返回定时器对象——clearTimeout取消unref把它标记为次要任务事件循环没有别的事时进程可直接退出Node/Bun。七种形式对照形式写法数据注入适用① 内联箭头 闭包setTimeout(() fn(), d)闭包实时引用最常见作用域内取值② 函数引用 第三参数setTimeout(fn, d, arg)参数注册时快照复用函数、要快照值③ 函数引用无参setTimeout(fn, d)无回调自足、无参④ 字符串setTimeout(code, d)无弃用eval 风险⑤ 递归代替 intervalfunction t(){...;setTimeout(t,d)}闭包防任务堆积⑥ 延迟 0setTimeout(fn, 0)闭包下一次宏任务排队⑦ 生命周期tsetTimeout(...);clearTimeout(t);t.unref()—取消 / 不挡退出最容易踩的坑setTimeout(fn, 0)传引用vssetTimeout(fn(), 0)立即调用传返回值——后者几乎总是错误。一句话记忆setTimeout 七种形式本质是三个自由度的组合回调怎么写箭头内联 / 函数引用 / 递归、数据怎么给闭包捕获 / 第三参数快照 / 不喂、生命周期怎么管clearTimeout / unref / 延迟 0 排队。200 篇用的是①箭头闭包下一篇讲它的对立面②函数引用参数到底何时用。OK本篇先到这里如有疑问欢迎评论区留言讨论祝各位功力大涨技术更上一层楼更多内容见下篇 blog【Agent】【OpenCode】JS 语法闭包捕获还是参数传递