위 코드는 앞서 보여준 순수 자바스크립트 코드 중 man 객체와 name 객체에 할당하는 코드는 같습니다.

추가적으로 HTML 블록에 man.name.last 값과 name.last 값을 나타냈습니다. 그리고 할당 버튼을 클릭하면 assignment 함수가 호출됩니다.

assignment에서는 man.name.last의 값을 park으로 변경했고, man.name의 값을 콘솔에 출력했습니다. 콘솔에 출력한 이유는 참조에 의해서 name.last도 park으로 반영되었는지를 보기 위함입니다. 다음 그림은 버튼을 클릭하기 전 모습입니다.

▲ 그림 5-13 JSON 객체 변화 감지