深入理解 JavaScript 回调函数

JavaScript回调函数是成为一名成功的 JavaScript 开发人员必须要了解的一个重要概念。但是我相信，在阅读本文之后，你将能够克服以前使用回调方法遇到的所有障碍。
在开始之前，首先要确保我们对函数的理解是扎实的。
快速回顾：JavaScript 函数
什么是函数？
函数是在其中有一组代码的逻辑构件，用来执行特定任务。实际上为了易于调试和维护，函数允许以更有组织的方式去编写代码。函数还允许代码重用。
你只需定义一次函数，然后在需要时去调用它，而不必一次又一次地编写相同的代码。
声明一个函数
现在，让我们看看如何在 javascript 中声明一个函数。

使用函数的构造函数： 在这种方法中，函数是在“函数”的构造函数的帮助下创建的。从技术上讲，这种方法比使用函数表达式语法和函数声明语句语法去声明函数的方法效率要低。

使用函数表达式： 通常这种方法与变量分配相同。简而言之，函数主体被视为一个表达式，并且该表达式被分配给一个变量。使用这种语法定义的函数可以是命名函数或匿名函数。
没有名称的函数被称为匿名函数。匿名函数是自调用的，这意味着它会自动调用起自身。这种行为也称为立即调用的函数表达式（IIFE）。

使用函数声明： 这种方法是 JavaScript 中常用的老派方法。在关键字“function”之后，你必须指定函数的名称。之后，如果函数接受多个参数或参数，也需要提及它们。虽然这部分是完全可选的。
在函数体中，函数必须将一个值返回给调用方。遇到 return 语句后，该函数将会停止执行。在函数内部，参数将会充当局部变量。
同样，在函数内部声明的变量是该函数的局部变量。局部变量只能在该函数内访问，因此具有相同名称的变量可以轻松地用于不同的函数。

调用一个函数
在下列任何一种情况下，将调用之前声明的函数：

发生事件时，例如，用户单击按钮，或者用户从下拉列表中选择某些选项等等。

从 javascript 代码中调用该函数时。

该函数可以自动调用，我们已经在匿名函数表达式中进行了讨论。
() 运算符调用该函数。

什么是回调函数？
按照 MDN 的描述：回调函数是作为参数传给另一个函数的函数，然后通过在外部函数内部调用该回调函数以完成某种操作。
让