关于JS箭头函数作为函数参数的作用疑问

问题解答 #

1. 关于v => (printJobId = v)的作用 #

这是个回调函数，核心是让外部变量printJobId和打印任务ID同步：

• print函数内部会在生成/获取到打印任务ID（也就是参数v）的时候主动调用这个箭头函数，把ID传进来。
• 箭头函数里的括号是简写语法，等价于v => { return printJobId = v; }，其实是有返回值的，但这里的核心目的不是返回值，而是把外部的printJobId变量更新为当前打印任务的ID，让外部代码能随时拿到这个任务标识。
• 之所以把它作为参数传入，是因为print是封装好的通用打印逻辑，它不知道外部代码用哪个变量存任务ID，通过传回调的方式，让print在拿到ID时执行你指定的赋值逻辑，实现和外部状态的同步。

2. 关于无返回值箭头函数v => { if (v) contentInProgress = content; else contentInProgress = null; }的作用 #

同样是回调函数，用来跟踪打印的进行状态：

• print函数内部会在打印状态变化时调用它：比如打印开始时传true，打印结束/取消时传false。
• 这个函数的作用是根据传入的v，更新外部的contentInProgress变量：打印中时把当前打印的content存进去，打印结束后清空。这样外部代码可以通过这个变量判断是否有打印任务在运行，或者获取正在打印的内容。
• 作为参数传入的原因和第一个一样：print是通用逻辑，不需要关心外部用哪个变量跟踪打印内容，把状态更新逻辑做成回调传进去，让print在合适的时机触发，实现和外部的状态联动。

内容的提问来源于stack exchange，提问作者Joe D.