jQuery、関数を介してグローバルオブジェクトを操作する（予期しない結果？）

Question

曖昧なタイトルは申し訳ありませんが、配置方法は不明です。

したがって、関数をトリガーするclickイベントでデータとして渡すオブジェクト（配列（X）を含む）があるとします。この関数は、渡されたオブジェクトの配列を参照する新しい変数（Y）を作成します。その配列変数（Y）に新しい値をプッシュすると、新しく作成された配列（Y）だけでなく元の配列（X）も操作されます。 奇妙な説明は、最も簡単だと思うと思う。this fiddle私は全部を紹介するために作った。

私の質問は、オブジェクトの元の配列を操作するのはなぜですか？ （コードを見ると、私がe.data.testdata.testarrayに直接プッシュした場合、それが操作されたかどうかはわかりますが、新しく作成された参照変数（Y）にプッシュすると、なぜそうなりますか）。

Testcode：私はあなたが私が間違っている場合は、この答えを考慮していない、この

$(function() { 
    var testObj = { 
     testarray: ['test1', 'test2'] 
    }; 
    $('.js-test').on('click',function (e) { 
     newValue = 'test'+(testObj.testarray.length+1); 
     testObj.testarray.push(newValue); // you can access testObj here because scope of sub block. 
     alert(testObj.testarray); 
    }); 
}); 

// alert(testObj.testarray); you can not access here because it out of scope 

は実際に私が正しくあなたの質問を取得していない必要があります願っています

$(function() { 
function testManipulate (e) { 
    alert(e.data.testdata.testarray); 
    var scopedTestArray = e.data.testdata.testarray, 
      newValue = 'test3'; 

    scopedTestArray.push(newValue); 
    alert(e.data.testdata.testarray); 
} 

var testObj = { 
    testarray: ['test1', 'test2'] 
}; 

$('.js-test').on('click', {testdata: testObj}, testManipulate); 
}); 

Answer 1

。