我如何才能停止通过引用？

Question

i have a problem with passing by reference or value.

and i know people might thing this is a duplicate post but i did not find a way to solve this.

I have something like:

//<div data-content="{bigObject}" id="SomeId"></div>

   // Originally bigObject was something like:

bigObject = {
    place : 'home',
    time : ''
};

$('#SomeId').click(function(){
    $(this).someFunction();
});

(function($){
    $.fn.someFunction = function(){
        var m = {
            obj : this,
            bigObject : '',
            initialize : function(){
                m.bigObject = m.obj.data('content');
                m.manipulateObject();
            },
            manipulateObject : function(){
                m.bigObject.place = 'work';
            }
        }
        m.initialize();
        return m.obj;
    }
})(jQuery);

The issue is when i click on SomeId the big object changes both in the div's data('content') and in the function m.bigObject.place

Is there a way to not change them both ?

Answer 1

You can create a new copy of the object and use that. You can use jquery.extend for that.

var newObject = $.extend({}, m.bigObject);

Instead of doing

manipulateObject : function(){
    m.bigObject.place = 'work';
}

You can do:

manipulateObject : function(object){
    object.place = 'work';
}