什么是回调函数？
在 JavaScript 中，回调函数是一个函数，它作为另一个函数的参数被传递，并在该函数执行完成后被调用。回调函数可以在异步操作中使用，例如处理用户输入或从服务器获取数据。
为什么要使用回调函数？
回调函数是一种非常强大的编程模式，因为它可以让您在需要的时候延迟执行代码块，或者在特定条件下执行异步操作。常见的使用场景包括：
- 处理用户输入
- 从服务器获取数据
- 超时/间隔操作
- 错误处理
如何将回调函数作为参数传递？
将回调函数作为参数传递非常简单。只需将函数名作为参数传递，并在函数内部执行即可。以下是一个示例：
-- -------------------- ---- ------- -------- ------ -- --------- - --- ------ - - - -- ----------------- - -------- --------------------- - ---------------- ------ -- ------------ - ------ -- --------------- -- -- ---- ------ -- --
上面的示例中，add() 函数接受三个参数：两个数字和一个回调函数。在 add() 函数内部，我们将两个数字相加并将结果存储在 result 变量中，然后将 result 传递给回调函数 callback。
在调用 add() 函数时，我们将 displayResult() 函数作为回调函数传递给了 add() 函数。当 add() 函数完成计算后，它将调用 displayResult() 函数并将结果作为参数传递给它。最终，displayResult() 函数将结果打印到控制台上。
闭包和回调函数
使用回调函数时，通常需要处理异步操作，这意味着您需要涉及闭包的概念。简单来说，闭包是一个可以访问其父作用域中变量的函数。当您使用回调函数时，由于该函数在执行时不处于其定义的上下文中，因此必须使用闭包来访问当前上下文中的变量。
以下是一个使用闭包和回调函数的示例：
-- -------------------- ---- -------
-------- --------------- -
--- ----- - --
------ ---------- -
--------
---------------- ----- -- -----------
-
-
--- ------- - ----------------
------------------- ------ -- -- ---- ----- -- --
------------------- ------ -- -- ---- ----- -- --
------------------- ------ -- -- ---- ----- -- --上面的示例中，createCounter() 函数返回一个闭包，该闭包可以访问当前作用域中的 count 变量。然后我们将返回的函数存储在变量 counter 中。
我们接着使用 setTimout() 函数调用 counter 函数三次，并在每次调用之间等待一段时间。每次调用 counter 函数时，它将增加 count 变量的值，并将其打印到控制台上。
结论
回调函数是一种强大的编程模式，可用于处理异步操作和事件处理程序。通过将回调函数作为参数传递到其他函数中，您可以实现更灵活、可扩展和易于维护的代码。同时，使用闭包可以帮助您访问当前上下文中的变量。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/13424