다음은 “JSON 객체의 변화 감지하기” 전체 코드입니다.
REPL의 App.svelte 전체 코드
<script> // 원본 JSON 객체 정의 let man = { age: "10", name: { first: "승현", last: "박" } }; let name = man.name; //name으로 man.name 복사 function assignment() { man.name.last = "park"; // 원본 JSON 객체의 last 값을 "박"에서 "park"으로 변경 console.log(name.last); // 복사본의 값이 변경되었는지 확인 name = name; // 할당 트리거로 감지 코드 동작 } </script> <p>man.name.last: {man.name.last}</p> <!-- 원본 JSON 객체 man으로 접근한 last의 값 출력 --> <p>name.last: {name.last}</p> <!-- 참조 변수 name으로 접근한 last의 값 출력--> <button on:click={assignment}>할당</button> <!-- 동작 확인 트리거 -->