前端提高篇（102）：jQuery高级方法callbacks、deferred

在前端开发中，我们常常需要处理异步操作，比如事件监听、动画等。jQuery提供了callbacks和deferred两个功能强大的工具来帮助我们管理和处理这些异步操作。

Callbacks

jQuery.Callbacks()函数可以创建一个可以注册和触发回调函数的队列。它支持选项来决定回调的执行方式，如：是否执行一次、是否记住执行顺序等。

var callbacks = jQuery.Callbacks("unique");
 
callbacks.add(function() {
    console.log("Callback 1");
});
 
callbacks.fire(); // 输出 "Callback 1"

Deferred

jQuery.Deferred()函数创建一个可以被调用的对象，它可以注册多个回调到done(), fail(), 和 progress() 方法。

var wait = function(ms) {
    var d = jQuery.Deferred();
    setTimeout(function() {
        d.resolve();
    }, ms);
    return d.promise();
};
 
wait(500).done(function() {
    console.log("Waited for 500ms");
});

在这个例子中，wait函数返回一个promise对象，它表示一个将来会完成的操作。在500毫秒后，promise会被解决，然后注册在done方法上的回调会被执行。

这两种方式都可以帮助我们在前端开发中处理异步操作，并且保持代码的清晰和可维护性。