JQuery deferred.resolveWith() 方法

JQuery deferred.resolveWith() 方法用于触发一个或多个被注册回调函数，并把参数传递给它们。该方法还可以改变 deferred 对象的状态为已完成。

语法

deferred.resolveWith(context [, args])

• context：可选参数，指定回调函数中 this 关键字的上下文。
• args：可选参数，传递给回调函数的参数，可以是任意类型的数据。

返回值

该方法没有返回值。

示例

示例 1

var deferred = $.Deferred();

deferred.done(function(msg) {
    console.log("第一个回调：" + msg);
});

deferred.done(function(msg) {
    console.log("第二个回调：" + msg);
});

deferred.resolveWith(this, ["Hello World!"]);

在上面的示例中，我们首先定义了一个 deferred 对象，并在它上面注册了两个回调函数。然后我们使用 deferred.resolveWith() 方法触发这两个回调函数，传递给它们一个字符串参数 "Hello World!"。观察输出结果，我们可以看到两个回调函数都被触发了，输出了相应的消息。

示例 2

var deferred = $.Deferred();

deferred.done(function() {
    console.log("done1");
}).done(function() {
    console.log("done2");
}).fail(function() {
    console.log("error1");
}).fail(function() {
    console.log("error2");
}).always(function() {
    console.log("always");
});

deferred.resolveWith(this);

在上面的示例中，我们定义了一个 deferred 对象，并在它上面注册了多个回调函数。然后我们使用 deferred.resolveWith() 方法触发了这些回调函数，并没有传递任何参数。观察输出结果，我们可以看到 done1、done2 和 always 这三个回调函数都被触发了，输出了相应的消息。而 error1 和 error2 这两个回调函数则没有被触发，因为 deferred 对象的状态没有改变为已失败。

注意事项

• 该方法只能改变 deferred 对象的状态为已完成，不能改变它为已失败。
• 如果在 deferred 对象已经被触发过一次的情况下，再次调用 deferred.resolveWith() 方法是无效的，回调函数不会被触发。
• 可以使用 deferred.state() 方法查看 deferred 对象的当前状态。
• 如果在回调函数内部出现异常或抛出错误，该错误会被捕获，但不会传递给下一个回调函数。如果需要抛出错误并终止回调函数的执行，可以在回调函数内部使用 throw 语句。