栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

jQuery的promise方法如何真正起作用?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

jQuery的promise方法如何真正起作用?

这个问题让我有些困惑。我认为这是因为

promise
和感到困惑
delegate
。实际上,它们是jQuery完全不相关的功能。我将分别解释每个:

delegate

delegate
是jQuery
1.4.2中引入的jQuery功能。(这是
live
对jQuery
1.3中添加的功能的更好的方法)。它解决了修改DOM(尤其是AJAX调用)带来的特定问题。

绑定事件处理程序时,将其绑定到选择项。因此,您可以

$('.special').click(fn)
将事件处理程序绑定到
special
该类的所有成员。您绑定到这些元素,因此,如果您随后从这些元素之一中删除该类,则仍将触发该事件。相反,如果将类添加到元素(或将新元素添加到DOM),则该类将没有事件绑定。

Javascript的一项功能可以缓解这种情况,称为“事件冒泡”。触发事件时,首先,浏览器会通知事件起源的元素。然后它进入DOM树,并通知每个祖先元素。这意味着您可以在DOM树上方的元素上绑定事件处理程序,并在任何子元素上触发事件(甚至是绑定处理程序时不存在的子元素)。

delegate
是jQuery的实现。首先,选择一个父元素。然后,您指定一个选择器–仅当原始元素与此选择器匹配时,处理程序才会运行。然后你指定事件类型,如
click
submit
keydown
,就像用
bind
。然后,最后指定事件处理程序。

$('#containingElement').delegate('a.special', 'click', function() {    alert('This will happen on all links with the special class');});

promise

promise
是jQuery功能集的另一个相对较新的功能。它是
Deferred
jQuery
1.5中引入的概念的一部分。(我认为“递延”和“委派”之间的声音相似性可能是造成混淆的原因。)这是一种抽象异步代码复杂性的方法。最好的例子是AJAX调用,因为返回的对象
$.ajax
Deferred
对象。例如:

$.ajax({    url: 'somepage.cgi',    data: {foo: 'bar'}}).done(function() {    // this will be run when the AJAX request succeeds}).fail(function() {    // this will be run when the AJAX request fails}).always(function() {    // this will be run when the AJAX request is complete, whether it fails or succeeds}).done(function() {    // this will also be run when the AJAX request succeeds});

因此,它在许多方面与

$.ajax
调用中的绑定成功处理程序相同,不同之处在于,您可以绑定多个处理程序,并且可以在首次调用后绑定它们。

另一个有用的异步处理方式是动画。您可以提供函数的回调,但最好使用与上面提供的AJAX示例类似的语法来实现。

在jQuery
1.6中,此功能成为可能,并且

promise
是此实现的一部分。您调用
promise
jQuery选择,当对象中的所有动画完成时,您将获得一个可以将事件处理程序绑定到的对象。

例如:

$('div.special').fadeIn(5000).promise().then(function() {    // run when the animation succeeds}).then(function() {    // also run when the animation succeeds});

同样,这实际上与传统方法类似,但是增加了灵活性。您可以在以后绑定处理程序,并且可以绑定多个。

摘要

基本上,

delegate
和之间没有显着的关系
promise
,但是它们都是现代jQuery中有用的功能。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/386721.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号