javascript - jquery .data() method - Stack Overflow

admin管理员组

文章数量:1336399

When I store an object like {a: 1, b: 2 } in jQuery's data, does it copy the object or save a reference to it?

I have a huge object and I want different elements to store different references from different points to the same object, and I don't want it to get copied.

Like

var obj = { 
    a: {
        one: 1, two: 2
    },
    b: {
        apple: 'yummy', banana: 'ehh'
    }
    c: {
        d: {
            'jQuery': jQuery
        }
        e: ['You get the point']
    }
};

$('div').data('info', obj.b);
$('#JQ').data('jq_reference', obj.c.d.jQuery);

When I store an object like {a: 1, b: 2 } in jQuery's data, does it copy the object or save a reference to it?

I have a huge object and I want different elements to store different references from different points to the same object, and I don't want it to get copied.

Like

var obj = { 
    a: {
        one: 1, two: 2
    },
    b: {
        apple: 'yummy', banana: 'ehh'
    }
    c: {
        d: {
            'jQuery': jQuery
        }
        e: ['You get the point']
    }
};

$('div').data('info', obj.b);
$('#JQ').data('jq_reference', obj.c.d.jQuery);

• javascript
• jquery
• object

Share Improve this question Follow edited Nov 9, 2015 at 2:06 pnuts 59.5k1111 gold badges9191 silver badges141141 bronze badges asked Apr 17, 2011 at 16:32 qwertymkqwertymk 35.4k3030 gold badges124124 silver badges184184 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

According to my jsfiddle test, it stores a reference.

If I do this:

$('div').data('info', obj.b);
obj.b.apple = 'bleuch';
alert($('div').data('info').apple);

It alerts "bleuch", showing that a reference to the original object is being stored.

It will save a reference to it.

Javascript objects are never copied, unless you explicitly make a copy.

From http://api.jquery./data/

"The data- attributes are pulled in the first time the data property is accessed and then are no longer accessed or mutated (all data values are then stored internally in jQuery)."

本文标签： javascriptjquery data() methodStack Overflow