자바스크립트 코딩을 하고 있는데, 막히는 부분이 있어 질문드립니다.

콜백함수내부에서 변경된 값을 외부로 가져오는 문제인데요, 예를 들면

var arg1 = new Array(2);
arg1[0] = new testObj();
arg1[1] = new testObj();

function foo1(arg){
        var xhr = new XMLHttpRequest();
        var requestUri = testUri;        
        xhr.open('GET', requestUri, true);
        xhr.send();
        xhr.onreadystatechange = callback1;
        
        function callback1(e){
                if(xhr.readyState == 4 && xhr.status == 200){
                        var data = JSON.parse(xhr.responseText);
                        arg[0].name = data.name;
                }
        }
}

foo(arg1);
document.getElementByid("test").innerHTML = arg1[0].name;

이런 식으로 코드를 작성해봤는데, foo1() 내부함수인 callback1에서 변경한 arg[0].name 을 foo1() 외부에서 불러보면 함수 내부에서 변경한 값이 반영되지 않더라구요.

찾아보니 자바스크립트는 call by value만 되고 call by reference는 파라미터를 배열형으로 넘겨라..이런식으로 써있던데 저런식으로 내부함수에서 변경한 값을 완전 외부에서 가져오는 방법에 대한 설명을 제가 못찾았는지 안보여서 질문드립니다.

C는 포인터로 다 해결됐었는데 자바스크립트하려니 너무 기초적인데서 막히니 부끄럽습니다..ㅜㅜ 위같은 상황은 어떤식으로 해결해야 하는지 고수분들의 많은 조언 부탁드립니다.