JavaScript 中的回调函数是一种常见的编程技术，它用于在异步操作完成时通知程序执行下一步操作。回调函数可以是同步或异步的，这取决于它们被调用的方式和所使用的 API。
同步和异步回调函数
同步回调函数会立即执行，而异步回调函数则会在稍后的某个时间点执行。例如，一个同步回调函数可能会在一个循环内调用另一个函数，而一个异步回调函数则可能会在网络请求完成后被调用。
以下是一个简单的同步回调函数示例：
-------- -------------- - -------------------------- - ------------------------ --- ----------------------
输出结果为：
------ ----------
此处使用 setTimeout 函数来模拟异步操作，但由于超时时间设置为 0，因此 syncCallback 函数将立即执行并输出到控制台。相反，下面是一个异步回调函数示例：
-------- --------------- - -------------------------- - --------------------------------------------------- --------------------- ----------------------
这里使用了 fetch API 来进行异步请求，并将 asyncCallback 函数作为其成功的回调函数。由于网络请求需要时间，因此 console.log('代码继续执行') 会在回调函数之前输出。
如何区分同步和异步回调函数
在 JavaScript 中，有一些 API 的回调函数是显式地标记为异步的，例如 setTimeout 和 setInterval。但是有许多其他 API 其回调函数的异步性质并不明显。在这种情况下，可以通过查看文档或阅读源代码来判断提供的 API 是否会异步调用回调函数。
另外，如果回调函数被立即调用（例如，在当前执行上下文中），则它是同步的；否则，它可能是异步的。这意味着，如果你在调试代码时发现回调函数的输出顺序与你期望的不同，那么很可能是由于某个回调函数实际上是异步的而导致的。
总结
JavaScript 回调函数既可以是同步的也可以是异步的，取决于它们被调用的方式和所使用的 API。一些 API 的回调函数明确表明它们是异步的，而其他的则需要查看文档或源代码来确定其异步性。如果回调函数被立即调用，则它是同步的；否则，它可能是异步的。
在开发过程中，正确地使用同步和异步回调函数非常重要，这有助于避免阻塞主线程并提高程序的响应能力。理解和区分同步和异步回调函数也有助于更好地设计和使用 JavaScript API。
参考资料
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/30092