javascript – JQuery.ajax()制作设置对象的副本？

JQuery.ajax()接受设置参数.成功或错误的函数(例如)在此对象的上下文中运行.

var arr = [];
var a = {
    url : '/',
    arbiteraryProperty: 'yeah!',
    complete:function () {
        console.dir(arr[0]);
    }
};

arr.push( a );

$.ajax( a );

运行该命令,然后打印arr的第一个元素(即a)的属性,如下所示：

06001

现在的问题是上面的完整函数中的this关键字实际上并不是指设置对象.这很有趣,因为似乎JQuery正在制作设置对象的副本.

var arr = [];
var a = {
    url : '/',
    arbiteraryProperty: 'yeah!',
    complete:function () {
        console.log(this.arbiteraryProperty );
        //this prints 'yeah!'
        this.arbiteraryProperty = 'nope!';
        console.log( this.arbiteraryProperty );
        //this prints 'nope!' so the value of the attribute in this is changed
        console.log( a.arbiteraryProperty );
        //this prints 'yeah!' ie. the value originally existed in the settings object
    }
};

arr.push( a );

$.ajax( a );

问题是：JQuery真的创建了设置对象的副本吗？如果是,我怎么强迫它使用我的对象？

我有一个应用程序,我需要将这些对象保存在队列中,并期望它们在运行时更新.我猜一种方法是使用$.ajax()的上下文设置.但是,此功能的此行为(制作设置对象的副本)未记录.或者我错过了？

解决方法:

是的,当你调用jQuery.ajax()时,jQuery会创建一个新的选项对象.结果是您传递的设置对象和全局jQuery.ajaxSettings对象的组合,以便您具有正确的默认值以及您已全局设置的任何设置,即使您未在传递的对象中明确设置它们也是如此.

这可以在source code第7行的jQuery 1.9中看到：

// Create the final options object
s = jQuery.ajaxSetup( {}, options ),

通常,您使用context属性在回调函数内为此指定不同的值,因此：

options = {
    url: '/',
    ...,
    context: a
}

但是,如果合并执行深层复制,则在您的情况下循环引用(在其中一个属性中引用自身)可能会导致问题.