inflearn logo
강의

講義

知識共有

JavaScriptの中級コース

call, apply, bind

마지막 부분에 질문 있습니다.

318

ycc20182

投稿した質問数 2

1

const user = {
    name:"Mike",
    showName: function(){
        console.log(`hello, ${this.name}`);
    },
};

let fn = user.showName;
// this가 지워진다. 왜??
// 왜 바로 fn()하면 this.name이 발동이 안되지?
// fn(); // error. Cannot read properties of undefined (reading 'name')

마지막 부분에 바로 fn();을 하면 this.name을 하지 못해 오류가 나는데, 왜 let fn으로 할당을 할 때 this가 지워지는 지 궁금합니다.

답변해주시면 감사하겠습니다.

javascript

回答 1

0

ycc20182

let fn  = user.showName; 으로 받게 되면

showName 이 가리키는 함수 functon()도 fn이 받게 됩니다.

그러면 이 function()함수 안에 있는 this.name에서 this는 fn 자체를 가리키게 됩니다. fn에는 name에 대한 정보가 없기 땜누에 typeerror가 발생합니다. 따라서, this를 user로 할당시켜 줘야하기 때문에 call, apply, bind가 활용됩니다.

mission12-01 guide.md파일 누락

0

7

1

자료집 관련

0

13

2

13. (App 2) 기본기 훈련 에서

0

21

1

챌린지 시작일 문의

0

26

0

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

23

1

11차시 Antigravity IDE 설치 후

0

23

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

27

1

5,6,7,8 내용이 없어요

0

28

1

ThemeProvider를 이용해서 NextThemeProvider를 따로 생성하여 Layout.tsx에 적용하는 이유는 뭘까요?

0

23

1

mission 09-01 을 수행할 수 없어요

0

29

1

Context API vs Zustand 그리고 Auth

0

38

2

순수 함수 / 순수 컴포넌트

0

24

1

css box-sizing 관련 질문

0

35

2

스니펫이 이상해요

0

32

2

Editor Component의 최적화 불가능 이슈

0

38

2

useCallback ⊂ useMemo

0

38

2

깃허브 저장소를 어디에 첨부하셨나요?

1

41

1

nestjs 강의는 없나요??

1

41

2

스타터 저장소

1

43

1

What is Rxjs

0

32

1

라이브러리 설치 질문

0

34

2

linter 질문

0

41

2

심볼 관련 질문

0

279

1

async에서 catch 질문 있습니다.

0

568

2