Question

JQuery.ajax()接受settings参数。 success或error（例如）的函数在此对象的上下文中运行。

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

arr.push( a );

$.ajax( a );

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

arbiteraryProperty : "yeah!"
url : "/"
complete : function()

现在问题是上面this函数中的complete关键字实际上并不是指settings个对象。这很有趣，因为似乎JQuery正在制作settings对象的副本。

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真的创建了设置对象的副本吗？如果是，我怎么强迫它使用我的对象？

我有一个应用程序，我需要将这些对象保存在队列中，并期望它们在运行时进行更新。我猜一种方法是使用context的{{1}}设置。但是，此功能的此行为（制作设置对象的副本）未记录。或者我错过了？

Answer 1

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

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

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

通常，您使用context属性为回调函数中的this指定不同的值，因此：

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

但是，如果合并执行深层复制，则您的案例中的循环引用（a在其某个属性中引用自身）可能会导致问题。

JQuery.ajax（）制作设置对象的副本？

1 个答案: