inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[리뉴얼] 코딩자율학습 제로초의 자바스크립트 입문

화살표 함수와 this

화살표 함수에서의 this 질문입니다.

해결된 질문

433

modric

작성한 질문수 1

0

화살표 함수와 this 강의에서 지금 상황은 하나의 클래스에 두 함수가 선언되어 있고 생성자 함수는 start를 호출하는 상황입니다.

  1. 우선 화살표 함수에서의 this에서 화살표 함수를 호출할 당시의 호출 스택이 갖는 this를 화살표 함수가 그대로 갖는다고 이해한 부분이 맞는지 궁금합니다.

  2. start를 호출할 때

    화살표 함수인 onGameMenuInput를 changeScreen() 에서 호출할 때의 this와 start()에서 호출할 때 바깥쪽에서의 this가 다르다는 말을 하셨는데 이 부분이 이해가 안갑니다.

    제가 이해한대로라면 changeScreen() ,start()모두 this를 자신의 객체로 갖고 있기 때문에 두 함수에서 호출한 화살표 함수의 this는 둘 다 같은 객체이다. 라고 생각하는데 틀린건가요?

 

javascript

답변 1

0

제로초(조현영)

  1. 상위 스코프입니다.

  2. 1번같은 이유로 둘이 다른 겁니다. 서로 스코프가.다르니까요

0

modric

상위 스코프의 this를 가리킨다는 것은 이해를 했습니다. 그런데

onBattleMenuInput()의 상위 스코프는 각각 start와 changeScreen 으로 이 둘은 한 객체의 메서드이기 때문에 this가 같은 객체를 가리키는 것이 아닌가요?

0

제로초(조현영)

아, 제가 질문을 잘못 이해했네요. 둘이 같은 Game 객체를 가리키는 게 맞습니다.

0

제로초(조현영)

onGameMenuInput 화살표함수를 그대로 저기 안에 넣으면 상위 스코프의 this를 그대로 가져오고 있음을 알 수 있고요. 비교해봐야 하는 대상은 addEventListener에서 onGameMenuInput이 화살표함수일 때랑 함수 선언문일 때의 this가 서로 달라지는 게 차이점인 것이죠.

자바스크립트 입문 강의 재생 안됨

0

80

2

쿵쿵따 조건문 질문입니다.

0

75

2

렛츠가릿 자바스트립트와 공유가 되나요

0

78

1

수강을 하기 전 공부순서에 관한 질문이 있습니다.

1

102

2

안녕하세요

0

101

2

1~45 필터링하는 코드에서 find대신 some써주는게 나을거같습니다.

1

76

2

고차 함수 작성법과 수업 진도 관련한 질문

0

82

3

break와 continue 9:55 내 continue 구문 질문

0

153

2

옵셔널 체이닝 적당한 깊이는 어느 정도인가요?

0

122

2

로또 추첨기 중 입력값을 검사할 때

0

138

2

2-14.else,else if,switch 관련 질문입니다.

0

110

2

가위바위보 이미지(rsp.png)가 안보여요

0

265

3

Math.random() 에 9을 곱하는 이유

0

175

4

클로저 관련해서 질문있습니다.

1

190

2

유튜브 댓글 보고 왔습니다!- 퀴즈 중복된 숫자 검사 for 문

0

246

1

event.target.textContent관련 질문

0

274

2

객체 참조 관련 질문

0

179

1

-2+ -2 = -4 음수 더하기 음수 - 셀프체크 계산기

0

467

1

별찍기 마름모 문제입니다.

0

352

2

숙제 질문

0

217

1

5강 async/await으로 가독성 높이기에서

0

232

1

야구게임 관련 질문입니다

0

186

1

쿵쿵따, 계산기에서 변수 선언

0

181

1

지뢰 힌트 사라짐(대괄호)

0

167

1