当前位置：文江博客话题详情

什么是 jQuery 挂钩和回调？

发布于 2024-11-24 18:30:19 字数 309 浏览 0 评论 0原文

我很难概念化 jQuery 中的回调或挂钩到底是什么。它们似乎混为一谈，但我不知道它们之间的区别。

根据我从其他有关回调的帖子中了解到的信息，例如 this，回调只是您可以使用的函数 A传递给另一个函数 B，一旦 B 完成，该函数就会调用 A。（这可能是完全错误的，如果是的话请纠正我）。

除了“你应该使用钩子/回调”之外，我真的对钩子没有任何概念。有些事情让我怀疑他们有那么相似......

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

心的憧憬 2024-12-01 18:30:19

你的定义很接近但还不够。回调是一个函数 A，您将其传递给另一个函数 B（或对象 B），B 将在适当的点调用该函数。

对于某些函数，“适当的点”是在该函数完成之后，正如您所描述的。

许多函数或对象定义了一组可以触发回调的“某些点”或事件。例如，如果您有一个通过 AJAX 定期更新自身的控件，它可能会定义一个在即将更新时发生的事件、一个在更新返回后发生的事件以及一个在显示结果后发生的事件。对于这些事件中的任何一个，您都可以向其传递您的自定义函数，该函数在该事件发生时应调用。

可以调用自定义函数的定义点集就是人们所说的“钩子”。您可以在它们中将功能挂接到预构建的库中。

编辑添加：

OP 要求提供一个简单的钩子示例。

假设我编写了一个函数，它接受用户名列表，旨在遍历该列表，查找每个人的详细信息，并返回填充的人员对象列表。

也许我想让使用我的函数的程序员能够指定当在我的数据库中找不到用户名时应该发生什么。一个程序员可能希望函数出错，另一个程序员可能希望它忽略丢失的示例，另一个程序员可能希望它在不同的数据库中查找，另一个程序员可能希望它构造一个空的 person 对象。

所以我的函数签名可能类似于

function getPeople( arrayOfUsernames, missingUsernameCallback )

在函数内，每当我遇到在数据中找不到的用户名时，我只需调用

missingUsernameCallback( notFoundUsername );

现在程序员可以像这样调用该函数

getPeople( ["adam","betty","charlie"], function(name){ alert("Missing username " + name)} );

，每当我遇到丢失的用户名时，我会调用传递给我的函数。

对于更复杂的情况，我可能需要接受一个包含多个回调函数的对象，因此可以像等

   getPeople( ["adam","betty","charlie"], 
        {startOfListCallback:      function(){ alert("I'm starting the list")},
         missingUsernameCallback:  function(){ alert("Missing username"!)},
         endOfListCallback:        function(){ alert("I'm at the end of the list") });

那样调用它。可能的回调列表将由函数定义，并且应该在 API 文档中（以及可以使用的参数）被传递到回调等）。该回调列表就是钩子。

Your definition is close but insufficient. A callback is a function A that you pass to another function B (or to an object B) that B will call at the appropriate point.

For some functions, "the appropriate point" is after that function completes, as you describe.

Many functions or objects define a set of "certain points" or events when callbacks can be fired. For example, if you have a control that updates itself periodically via AJAX, it might define an event that occurs when it's about to update, an event that occurs after the update returns, and an event that occurs after the results have been displayed. For any of these events, you could pass it your custom function that should be called when that event occurs.

That defined set of points where a custom function might be called is what people mean by "hooks". They're places that you can hook your functionality into a prebuilt library.

Edited to add:

The OP asked for a simple example of a hook.

Let's say I've written a function that takes a list of usernames and is designed to go through the list, look up each person's details, and return a populated list of people objects.

Maybe I want to give the programmer making use of my function the ability to specify what should happen when a username isn't found in my database. One programmer might want the function to error out, another might want it to just ignore the missing example, another might want it to look in a different database, another might want it to construct an empty person object.

So my function signature might be something like

function getPeople( arrayOfUsernames, missingUsernameCallback )

Within the function, whenever I come to a username that I can't find in my data, I just call

missingUsernameCallback( notFoundUsername );

Now the programmer can call the function like

getPeople( ["adam","betty","charlie"], function(name){ alert("Missing username " + name)} );

and whenever I hit a missing username, I'll call the function that was passed to me.

For a more complex case, I might need to accept an object containing multiple callback functions, so it could be called like

   getPeople( ["adam","betty","charlie"], 
        {startOfListCallback:      function(){ alert("I'm starting the list")},
         missingUsernameCallback:  function(){ alert("Missing username"!)},
         endOfListCallback:        function(){ alert("I'm at the end of the list") });

etc. The list of possible callbacks will be defined by the function and should be in the API documentation (along with parameters that could be passed into the callbacks, etc.). That list of callbacks are the hooks.

回复收藏 0 原文

π浅易 2024-12-01 18:30:19

我猜想在上下文中您已经看到这个词使用的意思是回调，这正是您所认为的（在 jQuery 中，钩子和回调是同一件事）。

例如，jQuery 的 animate() 函数的回调将在动画完成后立即执行。

一些内置函数和其他 jQuery 插件可能会为执行的各个阶段定义多个回调。例如，为用户显示弹出框的插件可能会在用户单击链接以显示该框时进行回调，但在实际显示该框之前（此回调可用于存储实际弹出框将显示的一些数据）例如需要）。当再次关闭框时，相同的弹出函数也可能执行回调函数 - 例如，此回调可用于对页面进行更改，或保存一些数据。

回复收藏 0 原文

~没有更多了~