回调函数的用处

Question

在 Javascript 中，可以定义一个函数 X 并将其作为参数传递给另一个函数 Y。

这样的函数 X 称为回调函数。

您能否解释为什么在一些清晰的示例中使用回调函数很有用（例如发送一些带有演示的小提琴链接）？我可以看到一个有用之处，那就是代码可读性，但我对此不确定，因为带有回调的代码看起来更复杂。

唯一的用处是它在浏览器环境中的使用和AJAX中的异步执行？ 其他 Javascript 实现（例如 Rhino）怎么样？回调在那里也有用吗？或者它们的有用性仅取决于 Javascript 的执行环境？

谢谢

Answer 1

作为参数的回调

回调非常有用，因为它们允许您使用代码“配置”函数。

典型的例子是一个排序函数，它允许您指定自己的排序标准。我将使用一个函数，该函数根据某些条件返回数组的最小值，因为它比排序更简单，但它仍然可以很好地作为说明：

function min(collection, property) {
    if (collection.length == 0) {
        return null;
    }

    var minIndex = 0;
    var minValue = collection[0][property];
    for (var i = 1; i < collection.length; ++i) {
        if (minValue > collection[i][property]) {
            minValue = collection[i][property];
            minIndex = i;
        }
    }

    return collection[minIndex];
}

var items = [
    { name: "John", age: 20 }, { name: "Mary", age: 18 }
    ];

alert(min(items, 'age').name); // prints "Mary"

查看此代码运行。 它有什么问题？

问题是，虽然我们做了一些努力来创建一个可配置的 min 函数（它根据我们指定的任何属性找到最小值） ，它在一般意义上仍然相当有限，因为它只能根据一个单一属性找到最小值。

如果我们的数据是这样的怎么办？

var items = [ "John/20", "Mary/18" ];

这不再是一个对象数组，而是一个格式化字符串数组。它具有与原始集合相同的数据，但结构不同。导致原来的min函数无法用来处理。

现在我们可以编写另一个版本的 min 来使用字符串而不是对象，但这有点毫无意义（有无数种方法可以表示相同的数据）。对于一种特定情况，这可能是一种快速而肮脏的解决方案，但考虑一下库编写者的问题：他们如何编写一个对每个人都有用的函数，而不知道数据将如何构造每个案例？

救援回调

简单：通过允许用户指定如何从数据中提取条件，使 min 函数更加强大。这听起来很像“给出函数代码以从数据中提取标准”，这正是我们要做的。 min 将接受回调：

function min(collection, callback) {
    if (collection.length == 0) {
        return null;
    }

    var minIndex = 0;
    var minValue = callback(collection[0]);
    for (var i = 1; i < collection.length; ++i) {
        if (minValue > callback(collection[i])) {
            minValue = callback(collection[i]);
            minIndex = i;
        }
    }

    return collection[minIndex];
}

var items = [ "John/20", "Mary/18" ];

var minItem = min(items, function(item) {
    return item.split('/')[1]; // get the "age" part
});

alert(minItem);

查看此代码运行。

现在我们的代码终于可以重用了。我们可以轻松地将其配置为以最少的努力处理第一种数据和第二种类型的数据。

查看支持回调的函数处理两种类型的数据。这是我们获得极大灵活性的结果，因为允许用户以回调的形式提供代码作为我们函数的一部分运行。

异步编程中的回调 回调

的另一个主要用途是启用异步编程模型。这在您计划完成操作但不希望程序在操作完成之前停止运行的所有情况下都很有用。

为了实现这一点，您需要为该操作提供一个回调函数，并有效地告诉它：为我完成这项工作，完成后给我回电话。然后，您可以自由地继续做任何您喜欢的事情，因为您知道当结果可用时您指定的函数将运行。

这在使用 AJAX 的 Web 中最为明显：您向 Web 服务器发出请求，当收到响应时，您可以以某种方式对其进行操作。您不想当场等待响应，因为这可能需要很长时间（例如，如果存在连接问题），并且您不希望您的程序在这段时间里一直没有响应。

有关 AJAX 回调的示例，请参阅 jQuery load 的文档功能。

Answer 2

在 JavaScript 中，大量函数调用是异步的（例如使用 XMLHTTPRequest 执行 AJAX 请求）。因此，您不知道返回值何时到达，因为您的浏览器会在后台执行其他操作。

回调函数的概念允许您在异步调用完成执行其需要执行的操作后立即运行过程，而不会导致脚本的其余部分停止运行。

例如，假设我正在从某处请求 foo.json 。我会做类似的事情（虚构代码）：

ajaxGet("foo.json", function(data)
{
    doSomethingWith(data);
});
doSomethingElse();

当 ajaxGet 检索到时，回调函数 (function(data) { ... }) 将自行执行数据，现已准备就绪。在此之前，doSomethingElse() 将执行并且不会挂起浏览器。

---

为了回答您关于其他 JavaScript 环境的问题，让我们看一下 Node.js，它可以说是最流行的环境。

现在，node.js 是完全异步的，这意味着函数调用永远不会阻塞（理论上），因此您必须有回调来调用回调来执行任何类型的异步 I/O。事实上，我想说 Node.js 几乎是真正的连续传递风格，其中函数不返回并依赖回调来向前传递它们的值。

Answer 3

自 AJAX 以来，回调在 JavaScript 中非常流行。 AJAX 是对另一个 Web 资源的异步调用，因为您不知道它何时完成，所以应用程序不需要等待响应。相反，它会继续执行，并且您提供一个回调，以便在请求完成后立即调用。

这个简单的代码提供了回调，以显示从服务器检索的产品：

$.get('/service/products', function(p) {
   alert(p);
});

此外，由于 JavaScript 本质上是函数式语言，因此函数在这里发挥着重要作用。您将函数传递给函数，或从函数返回函数。它对于不同的模式实现非常有用，例如

function getPersonFactory(name) {
   var create = function () {
      return new Person(name);
   }

   return create;
}

var factory = getPersonFactory('Joe');
var person = factory();

由于 JavaScript 函数性质和美观且简单的回调编程，它发现了它对 Node.js 等框架的影响，Node.js 是针对 IO 操作高度优化的 JavaScript 框架。

Node.js HelloWorld：

var http = require("http");

http.createServer(function(request, response) {
  response.writeHead(200, {"Content-Type": "text/plain"});
  response.write("Hello World");
  response.end();
}).listen(8888);

看，它创建 HTTP 服务器并为发送到该服务器的每个请求提供回调。您将发出响应并结束它。非常紧凑和高效的代码。

对于核心函数式编程，您可以看看这篇很棒的文章：

http://matt.might.net/articles/implementation-of-recursive-fixed-point-y-combinator-in-javascript-for-memoization/

Answer 4

如果您进行任何类型的事件监听，回调是不可避免的。 JavaScript 和事件驱动范式是兄弟。原因是网络浏览器中呈现的用户交互。

无论您是在 Node.js 中监听 DOM 事件、Ajax 完成、文件系统访问还是 HTTP 请求，您都必须定义一个在事件发生时调用的过程。

例如，更高级的回调形式是 promises。

---

此外，回调作为迭代处理器也很方便：

[ 1, 2, 3 ].forEach(function callback(val) { console.log(val); });

以下可以将所有字母替换为其代码点：

'hey hop hello'.replace(/./, function callback(s) { return s.charCodeAt(0); });

Answer 5

有助于异步函数调用。您可以调用回调并将其传递给异步函数并继续当前执行，而不是等待某些函数完成。一旦函数完成，它就会执行回调。 Ajax 使用回调。 这清楚地解释了 Ajax 如何使用回调。

这里有一些类似的线程。

为什么在 JavaScript 中使用回调，它的优点是什么？

我如何利用异步 XMLHttpRequest 的回调函数？