inflearn logo
강의

Course

Instructor

Vue.js Complete Guide - Learning Practical Concepts Through Hands-on Practice and Refactoring

4 Types of JavaScript 'this' and 'this' in Arrow Functions

궁금증이 풀렸네요. 감사합니다.

286

jumpingboys3274

14 asked

4

처음 vue를 접했을 때, 왜 화살표 함수를 쓰는건지 이해하지 못하고 사용하고 있었는데.. 선생님 덕분에 궁금증이 풀렸습니다.

뷰 인스턴스의 this를 따로 바인딩 하지 않아도, 화살표 함수를 쓰면 함수를 정의하는 시점에 this를 그대로 매칭해서 쓸 수 있기 때문에 화살표 함수를 자주 쓰는 것이었군요.

콜백함수에서 this가 풀려버린다는 것도 이제 알았습니다.

덕분에 수수께끼같이 콜백에서 (예로 들어 addEventListener) this가 풀려서, es5로 개발할 때 bind()함수로 this를 구현해준다던지, 강의에서처럼 var vm=this;로 매핑해서 사용해줬었는데요.

콜백에서 this를 잃어버리는 것이 자바스크립트가 가진 원래의 생김새라는걸 알았네요. ES6에서 화살표 함수가 등장하게 된 이유도 비로소 이해가 되었구요.

좋은 강의 감사합니다 선생님:-)
덕분에 내내 궁금해만 하고 있던게 풀렸습니다.

선생님 블로그 글을 먼저 접해서 비동기, 콜백, 프로미스, 어싱크 관련 글들을 먼저 읽었었는데, 확실히 강의로 들으니 와닿는게 또 다르네요.

javascript vuejs

Answer 2

0

uec013939

bind()함수로 this를 안쓰고 화살표 함수를 쓰면 props를 하위 컴포넌트로 보낼때 문제 되는건 없나요?

0

captain

안녕하세요 예란님, 제가 답변이 조금 늦었네요. 좋은 후기 들려주셔서 감사합니다 :) 제 블로그랑 강의 모두 칭찬해주셔서 정말 뿌듯하네요. 앞으로도 예란님 학습하시는데 제 컨텐츠가 도움 많이 되었으면 좋겠습니다. 남은 강의도 즐겁게 들으세요 :)

깃 권한 요청 드립니다

0

50

1

깃 권한 신청

0

50

1

깃 권한 요청드립니다.

0

111

1

깃허브 권한 요청 드립니다

0

144

1

깃허브 권한 요청 드립니다

0

160

1

깃허브 권한 요청 드립니다

0

167

1

깃허브 권한 요청 드립니다.

0

154

1

안녕하세요 vue 2.7로 수강하고 있는 학생입니다. 실무에서 최하위 자식의 props와 watch의 관계를 여쭈고자 합니다.

0

207

1

ide 타입추론 기능 사용할 수 없을까요??

0

205

1

컴포넌트 링크는 vue peek 익스텐션 설치가 필수인가요??

0

227

1

Vue3로 진행중입니다

1

338

1

Vue router-link 사용시 같은 url이면

1

506

1

vue3 에러 메세지...

1

670

2

id ="app" 중복

0

271

2

use undefined 에러가 나옵니다.

1

317

2

깃허브 권한 요청드립니다.

1

358

2

권한요청드립니다.

1

299

2

Vue3에서 구글 애드센스 탑재하기

1

435

2

코드가 정상 작동 되는건지 ...

1

302

1

강의에서 api를 따로 빼셨는데 얻는 이점이 뭐죠?

1

243

1

vuex 적용시 질문

1

285

2

라우터 버전이 안맞는데 어떤걸 써야하나요

1

377

2

UserView에 id 속성만 undefined로 넘어오는데 이유를 모르겠습니다..

1

451

2

권한요청 드립니다!

1

270

2