자바스크립트 스코프체인 질문입니다. (인사이드 자바스크립트 책)

Question

안녕하세요. 인사이드 자바스크립트 책을 ebook 으로 보고있는데스코프 체인 부분에서 이해가 안되는 부분이 있어서 질문드립니다.(책에 그림에 있는 내용을 토대로 질문 하려고 하는데 문제가 있으면 삭제하겠습니다..)아래 소스 코드에서의 스코프체인의 그림은 이해가 갑니다. var value &#61; &#34;value1&#34;; function printFunc(){ var value &#61; &#34;value2&#34;; function printValue(){ return value; } console.log(printValue()); } 이해가 안되는건 두 번째 예제에서의 그림인데요.. var value &#61; &#34;value1&#34;; function printValue() { return value; } function printFunc(func) { var value &#61; &#34;value2&#34;; console.log(func()); } printFunc(printValue); 똑같이 함수 객체를 생성하고 똑같이 실행했는데 왜 그림에서 전역객체의 밑에 printFunc와 printValue의 변수 객체가 생성되는지 잘 이해가 안갑니다;책에서는 각 함수 객체가 처음 생성될 때 [[scope]]는 전역 객체의 [[scope]]를 참조하고 그래서 함수가 실행될 때 생성되는 실행 컨텍스트의 스코프 체인은 전역 객체와 그 앞에 새롭게 만들어진 변수 객체가 추가된다고 설명이 되있고 그래서 printValue() 가 실행될 때의 스코프 체인이 그림이 저렇게 나온다고 하는데 그림이 지금 [0 : 전역객체] 밑에 [1 : printValue 변수 객체] 가 되있어서 헷갈리는데 이 두 번째 예제도 첫번째 예제처럼 그림이 나와야 할거같은데 단순히 그림이 잘못그려진걸까요??

aIucard · Answer

저도 16년도에 이책으루 공부했는데 지금보니 머리아프네요 ㅋㅋ 여담이지만 이해하고 나서 성취감은 있었는데es2015 로 코딩하는 시점에서 저 지식을 써먹은 때가 있었나 모르겠습니다..

fx · Answer

우선 렉시컬 스코프 부터 이야기 해 보겠습니다. 1번 예제 이고요함수가 중첩되어 있을 경우, 스코프가 중첩됩니다. 변수를 찾을 때 자기 함수에 없으면 바깥쪽 함수로 계속 찾아갑니다. 전역까지 가도 없으면 undefined 입니다. 2번 예제를 보면 각 함수는 따로 따로 선언되어 있습니다. 1번처럼 중첩되어 있지 않죠.그래서 각각의 함수는 자신에게 없는 변수는 전역에서 찾습니다. 1번과 동일하고 렉시컬 스코프 라고 부릅니다. 2번째 예제의 printValue 함수를 인자로 전달하여 func 매개변수로 받습니다.그렇기에 서로 같은 함수를 나타내고 있습니다. 2번 예제는 printFunc 함수 내에서 func 즉 printValue 함수가 실행되었을 뿐입니다. 함수 내에서 함수가 실행되었을 뿐, 함수 내에서 함수가 선언된 것이 아니죠.그래서 printValue 함수의 스코프는 자신에게 없는 것은 그 바깥쪽인 전역에서 찾게 됩니다.

moonti · Answer

답변하려고 하니 실행컨텍스트쪽은 또 까먹엇는지책을 다시 찾게 만드네요.질문자님이 글 올린것에 답이 있습니다. 각 함수 객체가 처음 생성될 때 [[scope]]는 전역 객체의 [[scope]]를 참조 함수 객체가 호출이 아닌 선언할때 이미 스코프는 정해집니다.printFunc printValue 모두 전역 스코프에 정의된 함수이기 때문에 동일하게 스코프 체인에 전역 스코프가 들어가 있는것입니다.핵심은 스코프는 함수 객체가 생성될때 정해진다.var value &#61; &#34;value1&#34;; function printValue() { return value; } function printFunc(func) { var value &#61; &#34;value2&#34;; console.log(func()); } printFunc(printValue);

터프남 · Answer

trevor답변 감사합니다 !! 자바스크립트 기초가 너무 부족한거같아서 보고있었습니다 빨리 공부해서 es2015도 공부할려구요 ㅎㅎ fx 답변 감사합니다!! 써주신 글 토대로 다시 읽어보니 이해가 됩니다. 감사합니다!! moonti답변 감사합니다!! 책을 다시 한번 더 읽어보도록 하겠습니다!

자바스크립트 스코프체인 질문입니다. (인사이드 자바스크립트 책)

4개의 답변

#scope 목록