자바스크립트 closure 기본 내용 질문!

Question

안녕하세요.최근 JS를 공부하는 도중에 아무리 찾아봐도 답을 알 수 없는 부분이 있어 이렇게 질문을 남깁니다. 우선 결론부터 말씀드리면 아래 코드에서 '왜 getAge와 getAge2 결과가 다른지?'이해가 안갑니다. 제가 공부한 바로는 외부함수 실행이 종료된 이후에도 내부함수가 외부함수의 지역변수에 접근할 수 있다고 알고 있습니다.위 내용을 토대로 setAge를 통해 기존의 title을 바꿀 수 있고요.그런데 메서드를 쓰는 것과 쓰지 않는 것에서 차이를 보입니다. 현재 이부분이 잘 이해가 되지 않는 상태입니다. 혹시나 아시는 분이 있다면 댓글 부탁드립니다.감사합니다! function person(age) { let _age &#61; age; return { getAge : function () {return _age;}, // 내부함수 getAge는 외부함수 person의 지역 변수인 _age를 참조한다. getAge2 : _age, // getAge와 무엇이 다를까? setAge : function (x) {_age &#61; x;} }; } let p1 &#61; person(28); document.write(p1.getAge()); // 28 document.write(p1.getAge2); // 28 p1.setAge(10); document.write(p1.getAge()); // 10 document.write(p1.getAge2); // 28 -> 왜 10이 나오지 않는걸까?

긔발자 · Accepted Answer

덧붙이자면 person(28); 를 선언하는 순간 getAge2 : 28 라고 초기화 되고 _age 값을 아무리 바꿔도 getAge2 값을 참조하고 있지 않아서 변경안되느것입니다

긔발자 · Answer

getAge2 : _age 에는 primitive data 값을 저장하게 되고 getAge() 함수는 _age 라는 변수를 반환하게 되네요

kevinnnn · Answer

&#64;긔발자와 깔끔한 설명 감사합니다!!드디어 완전히 이해가됐습니다!

자바스크립트 closure 기본 내용 질문!

3개의 답변

Q&A 목록